마크다운이란? 마크다운 문법 / 사용법 총 정리

1. 마크다운이란?

- 마크다운을 만든 사람은 존 그루버라는 사람으로 2004년에 HTML로 변환 가능한 텍스트 기반의 마크업언어를 만들었다. 마크다운은 쉽게 읽고 쓸 수 있다는 장점이 있고 특수기호와 문자를 이용하여 매우 간단한 구조의 문법을 사용해 웹에서도 보다 빠르게 컨텐츠를 작성할 수 있고 보다 직관적으로 인식할 수 있다. 최근 깃허브로 마크다운이 각광받기 시작했는데 이 깃허브의 저장소에 관한 정보를 기록하는 README.md는 깃허브를 사용하는 사람이라면 누구나 가장 먼저 접하게 되는 마크다운 문서이다. 마크다운을 통해 설치방법, 소스코드 설명, 이슈 등을 간단하게 기록하고 가독성을 높일 수 있다는 강점이 부각되며 점점 여러 곳으로 퍼져나가게 된다.

 

2. 마크다운의 역사

- 존 그루버는 2004년에 문법 면에서 에런 스워츠와의 협업을 통하여 마크다운 언어를 만들었다. 사람들이 읽고 쓰기 쉬운 플레인 텍스트 포맷을 사용하여 쓸 수 있으며 구조적으로 유효한 HTML로 선택적 변환이 가능하게 하는 것을 목표로 제작한 언어이다.

3. 마크다운의 특징

- 매우 간결하여 배우기 쉽고 접근이 용이하다. 별도의 도구가 필요하지 않으며 다양한 형태로 변환이 가능하다. 택스트의 형태로 저장되기 때문에 변환이 가능하며 용량이 적어 보관에 용이하다. 그리고 지원하는 프로그램과 플랫폼이 다양하다. 하지만 표준이 없고 도구에 따라 변환 방식이나 생성물이 다르고 모든 HTML마크업을 대신하지못해 사용자 입장에서 필요한 HTML구문을 사용하지 못할 수도 있다.

 

 

4. 마크다운 문법

4.1 줄바꿈, 문단 나눔

- 마크다운에서 엔터키 한 번은 적용되지 않고 같은 줄에 연이어서 표시된다.

첫번째 문장
두번째 문장
세번째 문장

첫번째 문장 두번째 문장 세번째 문장

 

- 빈 칸 두개는 줄바꿈 한 번으로 표시된다.

첫번째 문장  두번째 문장  세번째 문장

첫번째 문장

두번째 문장

세번째 문장

 

- 엔터키 두 번은 문단을 나눈다. 엔터키를 두 번 눌러도 줄바꿈이 두 번 적용되지 않는다. 엔터키 두 번의 결과는 문단나눔이기 때문이다. 줄을 더 띄어야 한다면 <br/>을 사용한다.

첫번째 문장

두번째 문장


세번째 문장

첫번째 문장

 

두번째 문장

 

세번째 문장

 

4.2 제목

- 제목은 #를 이용하거나 =, -를 이용한다. #기호는 6개까지만 가능하다.

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

제목

제목

제목

제목

제목

제목

큰 제목
============
중간 제목
-------------------

큰 제목

중간 제목

4.3 이탤릭체

- *기호와 _기호를 사용한다.

*이탤릭체*, _이탤릭체_

이탤릭체, 이탤릭체

 

4.4 볼드체

**볼드체**, __볼드체__

볼드체, 볼드체

 

4.5 취소선

~~취소선~~

취소선

 

* 마크다운에서 밑줄은 긋는 방법은 <u>코드을 쳐봐도 안되는 걸 보니 불가능한 것 같습니다.

4.6 리스트

- 순서가 있는 목록. 첫번째 순서는 숫자로, 두번째 순서는 영어로 표시됩니다. 세번째 순서는 표시되지 않습니다.

 

1. 첫번째 항목
    1. 첫번째 항목의 첫번째
    2. 첫번째 항목의 두번째
2. 두번째 항목
3. 세번째 항목

1. 첫번째 항목

    A. 첫번째 항목의 첫번째

    B. 첫번째 항목의 두번째

 

2. 두번째 항목

3. 세번째 항목

3. 첫번째 항목
1. 두번째 항목
2. 세번째 항목

1. 첫번째 항목

2. 두번째 항목

3. 세번째 항목

 

* 두 결과의 차이를 아시겠나요? 리스트는 숫자의 순서와 관계없이 무조건 1번부터 시작합니다.

 

- 순서가 없는 목록. -, +, * 세가지의 기호 중 하나를 쓰시면 됩니다. 종류는 상관없이 똑같이 동작합니다.

- 첫번째 항목
    +첫번째 항목의 첫번째
*두번째 항목
+세번째 항목

．첫번째 항목

    ．첫번째 항목의 첫번째

．두번째 항목

．세번째 항목

4.7 하이퍼링크

- [링크의 제목](링크 주소) 문법으로 작성하시면 됩니다. 실행하면 링크의 제목만 보입니다.

[내블로그](www.euncoding.tistory.com]

내블로그

-웹사이트 주소를 그대로 넣어도 자동으로 링크가 생깁니다.

http://www.euncoding.tistory.com

https://euncoding.tistory.com

 

4.8 이미지

- 이미지이름은 작성하지 않아도 됩니다.


4.9 구분선

- - -
* * *
_ _ _
---
***
___
-------------------------------

-이 중 아무거나 쓰시면 같은 종류의 구분선을 만들 수 있습니다. HMTL문법에서 <hr>에 대응하는 마크다운 문법입니다.

 

 

4.10 인용구

- 코드 인용구

'코드 인용'

'''
블록 인용구
'''

- 텍스트 인용구(여러 단도 가능합니다.)

>인용구
>>인용구
>>>인용구

4.11 표

1 | 2 | 3
--- | --- | ---
4 | 5 | 6

1	2	3
4	5	6