마크다운(MarkDown) 사용법 총정리

마크다운 이라는 용어는 한번쯤 들어봤을 것이다. 파일 확장자는 .md로 된 파일이다. Github를 이용하면서 README.md 를 많이 봤을 것이다. 이 파일이 마크다운으로 작성된 파일이다. 마크다운은 마크업언어로 간단한 사용법을 통해서 빠르고 읽고 쓰기 편한 문서를 만들 수 있다. 이제 마크다운 사용법을 알아보자. 

 

 

 

1. 제목(Header)

html과 같이 <h1> 부터 <h6>까지 글씨 크기를 조정해서 사용할 수 있다.

 

 

 

2. 글자 강조(Emphasis)

2-1) Bold

굵은 글자를 사용하고 싶다면, 강조할 단어를 **로 감싸면 된다.

 

2-2) Italic

옆으로 기운 이탤릭체를 사용하고 싶다면, 강조할 단어를 *로 감싸면 된다. 

 

위의 둘다 * 사이에 공백이 존재하면 안된다는 점을 유의하자!

 

2-3) 인용구

인용구를 작성하고 싶다면 앞에 >문자를 사용할 수 있다. 그러면 아래와 같이 나온다

마크다운으로 만든 인용구입니다.

 

 

3. 목록(List)

3-1) 순서가 있는 목록

마크다운에서는 순서가 있는 목록을 나타낼 때는 숫자를 사용한다.

1. first
2. second
3. third
4. fourth

 위와 같이 작성을 하게 되면 당연히 위에 적힌 그대로 나오게 된다. 그러면 번호가 섞여있다면 어떻게 나올까?

1. first
3. second
2. third
4. fourth

이렇게 섞어서 작성을 하더라도 신기하게 결과는 위에 순서대로 작성한 것과 동일하게 나온다.

 

 

3-2) 순서가 없는 목록

순서가 없는 목록은 *, +, -문자를 이용한다. 

* 빨강
    * 녹색
        * 파랑

+ 빨강
    + 녹색
        + 파랑


- 빨강
    - 녹색
        - 파랑

결과는 모두 동일하게 나온다. 

 

 

 

4. 코드블럭(Code)

```
긴 코드
```

위와 같이 ``` 사이에 코드를 작성해주면 된다. 

<pre>
<code>
content
</code>
</pre>

그리고 HTML 코드를 이용해서 작성하면 위와 같이도 작성할 수 있다. 

 

 

5. 구분선

* * *

***

- - -

---

구분선은 위와 같이 다양한 사용법이 있지만 결과 같은 모두 아래와 같다.

---

 

6. 표(Table)

| col1 | col2 | col3 |
|---|---|---|
| v1 | v2 | v3 |

테이블의 사용법은 위와 같다.

 

 

7. 링크(Link)

[title](링크주소)

 

 

 

8. 이미지(Image)

![title](이미지주소)
![github](이미지주소)

 

위의 링크와 이미지는 크게 다르지 않고 앞에 !가 있냐 없냐의 차이이다.

 

 

 

 

 

Reference

https://gngsn.tistory.com/44

Markdown, 어렵지 않게 사용하기