Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/j-hoplin/markdown-recipe

Markdown 문법 학습하기
https://github.com/j-hoplin/markdown-recipe

markdown

Last synced: about 1 month ago
JSON representation

Markdown 문법 학습하기

Awesome Lists containing this project

README

        

Markdown Recipe
===
***
- 각 문법 옆에 (??>)로 되어있는 것들은 각 마크다운 문법에 해당하는 html태그들을 작성해 놓은 것입니다!
- 마크다운 문법에 html태그를 넣어도 동작합니다. (ex :
, 태그를 넣어 처리하는 등)
***
# 1. 제목(header)

- 문자서의 메인 제목(Main Title)으로 작성할 때

~~~
Title
===
~~~

다음과 같이 제목을 작성 후 그 밑에 **===**를 작성해 주면 제목으로 설정이 됩니다. 이 문법의 디폴트 값은 `#( ==

)`과 동일한 기능을 가집니다.

- 제목(`

`,`

`,`

`,`

`,`

`,`
`)

~~~
# 제목
## 제목
### 제목
#### 제목
##### 제목
###### 제목
~~~

# 제목
## 제목
### 제목
#### 제목
##### 제목
###### 제목

다음과 같이 #을 제목 앞에 붙여주면 됩니다. #의 최대 개수는 6개까지 입니다.주의할점은 #과 제목 사이에 한칸 띄어야한다.

- 목록

- 순서 목록(Ordered List `

    `)

    ~~~
    1. A
    2. B
    3. C
    ~~~
    1. A
    2. B
    3. C

    - 순서 없는 목록(Unordered List `

      `)

      ~~~
      상위 목록의 처음 위치와 4칸 차이가 있습니다(Tab키)
      - A
      - B
      - C

      + A
      + B
      + C
      ~~~

      - A
      - B
      - C

      + A
      + B
      + C

      - 블록 생성

      ~~~
      ~~~
      마크다운
      ~~~
      ~~~

      ~~~
      Test Block
      ~~~

      - 수평선(`


      `)

      수평선을 그어주는 문법입니다

      ~~~
      ***
      - - -
      ~~~

      예시)

      ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
      구분1
      ***
      구분2
      ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

      - 링크기능

      ~~~
      [링크를 의미하는 단어 및 글](링크)
      ~~~

      [Naver](https://www.naver.com/)

      - 이메일 연결(``)

      ~~~
      <메일주소>
      ~~~



      - 인라인 코드

      ~~~
      `some text` another text
      ~~~

      `some text` another text

      - 취소선(``)
      ~~~
      ~~Some Text~~
      ~~~
      ~~Delete Text~~
      - 이탤릭체(기울임체,`` or ``)

      ~~~

      *Some Text*

      ~~~

      *로시작해서 꼭 *로 끝맺음을 해주어야합니다.

      *Markdown Recipe*

      - 굵은 글씨 및 글자강조(``)

      ~~~

      **Some Text**

      ~~~

      위의 이탤릭체와 동일하게 **로 시작해서 **로 끝맺음을 해주어야합니다.

      **Markdown Recipe**

      - 이미지 첨부(``)

      ~~~

      ![이미지 설명(이 부분은 이미지 로드에 실패했을경우에 표시됩니다.img태그의 alt속성과 동일 )](이미지의 디렉토리 혹은 링크)

      ~~~

      ![Google](http://www.koreaittimes.com/news/photo/202003/96284_41540_2439.png)

      마크다운에서는 이미지 사이즈 조정이 불가능합니다.

      - 코드블럭

      주로 마크다운에 코드를 첨부할때 사용합니다

      ~~~

      ```언어(C,C++,Python...etc)

      코드

      ```
      ~~~

      ```python
      print("hello world")
      ```

      ```java
      public static void main(String[] args)
      {
      System.out.println("hello world");
      }
      ```
      - 인용문(Quote)

      ~~~

      > quote
      > > inner quote

      > * quote list

      ~~~

      > I skate to where the puck is going to be, not to where it has been.

      > quote
      > > quote

      > * quote list1
      > * quote list2

      - 표(Table)

      변수(열(column)이름)정렬은 ':'를 통해 정의할 수 있다. 왼쪽에만 : 작성시 왼쪽정렬, 오른쪽에만 : 작성시 오른쪽 정렬 양쪽 모두 : 작성시 가운데 정렬로 정의가된다.

      <가장 기본적인 표>

      |Col1|Col2|Col3|
      |----|----|----|
      |content|content|content|
      |content|content|content|
      |content|content|content|

      <변수 왼쪽정렬>

      |Col1|Col2|Col3|
      |:----|:----|:----|
      |content|content|content|
      |content|content|content|
      |content|content|content|

      <변수 오른쪽 정렬>

      |Col1|Col2|Col3|
      |----:|----:|----:|
      |content|content|content|
      |content|content|content|
      |content|content|content|

      <변수 가운데 정렬>

      |Col1|Col2|Col3|
      |:----:|:----:|:----:|
      |content|content|content|
      |content|content|content|
      |content|content|content|

      결과는 아래와 같다.

      <왼쪽정렬>

      |Col1|Col2|Col3|
      |:----|:----|:----|
      |content|content|content|
      |content|content|content|
      |content|content|content|

      <오른쪽 정렬>

      |Col1|Col2|Col3|
      |----:|----:|----:|
      |content|content|content|
      |content|content|content|
      |content|content|content|

      <가운데 정렬>

      |Col1|Col2|Col3|
      |:----:|:----:|:----:|
      |content|content|content|
      |content|content|content|
      |content|content|content|

      - 체크박스로 TODO List 만들어 보기(지원하지 않는 Markdown 엔진도 있음)

      - 체크박스를 만들어 봅니다.

      ~~~
      - [ ] -> 빈 체크박스
      - [x] -> 체크된 체크박스
      ~~~
      - 간단하게 TODO List를 만들어 봅니다

      - [x] ~~My TODO 1~~
      - [ ] My TODO 2