2020-01-17

DEVELOPER / ETC

9분 읽기 (대략 1347 단어)

마크다운(MarkDown) 문법 알아보기

마크다운(MarkDown)

마크다운 문법은 GIT의 README 파일이나 온라인문서, 혹은 일반텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운으로 작성된 문서는 HTML 등 다른 문서로 쉽게 변환이 가능하다.

마크다운(MarkDown) 문법 사용법

헤더 Headers

큰 제목 (h1)
　==========

중간 제목 (h2)
 -----------

# 제목1 h1
## 제목2 h2
### 제목4 h3
#### 제목4 h4
##### 제목5 h5
###### 제목6 h6

큰 제목 (h1)

중간 제목 (h2)

제목1 h1

제목2 h2

제목4 h3

제목4 h4

제목5 h5

제목6 h6

폰트

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

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

***이탤릭볼드체***

~취소선~

<u>밑줄</u>

이탤릭체,이탤릭체

볼드체,볼드체

이탤릭볼드체

밑줄

List (목록)

순서있는 목록

HTML의 <ol>, <il> 목록 태그로 변환된다.

1. 순서가 있는 목록
2. 순서가 있는 목록
    - 순서가 있는 않은 목록
3. 순서가 있는 목록
    - 순서가 있는 않은 목록

순서가 있는 목록
순서가 있는 목록
- 순서가 있는 않은 목록
순서가 있는 목록
- 순서가 있는 않은 목록

순서가 있는 목록은 어떤 숫자를 넣어도 순서가 제대로 부여된다.

1. 순서가 있는 목록
7. 순서가 있는 목록
9. 순서가 있는 목록
3. 순서가 있는 목록
3. 순서가 있는 목록

순서가 있는 목록
순서가 있는 목록
순서가 있는 목록
순서가 있는 목록
순서가 있는 목록

순서 없는 목록

순서 없는 목록은 글머리 기호-,*,+ 를 지원한다.

- 대쉬 (-)
- 별표 (*)
- 더하기 (+)
* 하나
    * 하나
        * 하나
- 둘
    - 둘
        - 둘
- 셋
    * 셋
        + 셋

대쉬 (-)
별표 (*)
더하기 (+)

하나
- 하나
  - 하나

둘
- 둘
  - 둘
셋
- 셋
  - 셋

인용문 (BlockQuote)

인용문은 > 기호를 이용하여 사용한다.

> 인용문: 남의 글이나 말을 직접 또는 간접으로 인용한 문장 _(구글 사전)_

인용문: 남의 글이나 말을 직접 또는 간접으로 인용한 문장 (구글 사전)

인용문은 중첩을 하여 사용을 할 수도 있다.

>인용문 1
>>인용문 2
>>>인용문 3

>>>인용문 4

인용문 1

인용문 2

인용문 3

인용문 4

수평선 (HORIZONTAL RULES)

수평선은 ---,***,___ 세가지 기호를 세개이상 입력하면 출력되며. HTML 의 <hr />로 변환된다.

--- hyphens 

*** asterisks

___ underscores

hyphens

asterisks

underscores

하이픈과 별표 사이에는 공백이 들어가도 가능하다.

- - - 
hyphens 

* * * 
asterisks

hyphens

asterisks

링크 (LINKS)

html 의 <a>태그 로 변환된다.


[링크 예](https://skulter.github.io/ "링크 설명")

[상대 경로](../)

[참조 링크][google]

[google]: http://google.com

링크 예

상대 경로

참조 링크

이미지 (Images)

html의 <img> 태그로 변환된다.
사용법은 링크와 비슷하며 글머리에 !를 적어주면된다.

![이미지 대체 텍스트](이미지 "이미지 설명")

![대체 텍스트(이미지가 없을 시)](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/220px-Markdown-mark.svg.png "마크다운 이미지")

이미지 대체 텍스트

이미지에 링크를 걸어주기

[![이미지 대체 텍스트](이미지 "이미지 설명")](링크)

[![대체 텍스트(이미지가 없을 시)](https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Markdown-mark.svg/220px-Markdown-mark.svg.png "마크다운 이미지")](https://ko.wikipedia.org/wiki/%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4)

표 (TABLE)

html의

태그로 변환된다.

| 이름 | 나이 | 전화번호 |
:---|:---:|---:
| 홍길동 | 18 | 02-1234-5678 |
| 둘리 | 50 | 02-1234-5678 |
|||02-5678|
||30||
|펭수|||

:--- : 왼쪽정령
:---: : 가운데 정렬
---: : 오른쪽 정렬

이름	나이	전화번호
홍길동	18	02-1234-5678
둘리	50	02-1234-5678
		02-5678
	30
펭수

코드

코드를 그대로 보여주고싶을떄는 <code> 태그를 이용할 수 있다.

<code>
int a = 1;

string d
</code>


int a = 1;

string d

마크다운 문서에서 글을 쓴 그대로 보여주고 싶을떄는 <pre> 코드를 이용하면 된다.

1
2
3

<pre>
# 안녕하세요
</pre>

# 안녕하세요

```는 블록 코드를 강조할때 사용한다. ```

``` 블록코드를 강조할떄 사용합니다. ```

`블록코드를 강조할떄 사용합니다.`

정리

인사말을 제외하면 처음으로 올리게 된 글이다.
포스팅을 하기위해서 가장먼저 배워야 할 마크다운에 대해서 먼저 알아보고자 첫 포스팅은 마크다운 배우기로 정하였다.

마크다운은 2004년 존 그루버에 의해 만들어 졌으며
쉽게 읽고 쓸수 있고 HTML의 태그도 지원하기한다는 장점이 있다. 최근들어 다양한 곳에서 지원하며 많이 쓰이고 있으며 마크다운으로 쓰여진 문서는 .md 라는 확장자를 가지고있다.
마크다운의 단점은 표준이 없다는 것이다.

하지만 난 앞으로 꾸준히 사용해야 할 문법이기 떄문에 한번 정리를 해보았다.