마크다운(Markdown)과 사용법

1. 마크다운(Markdown)이란?

마크다운은 마크업 언어의 일종으로 읽고 쓰기 쉬운 문서 양식을 지원한다.

HTML로 변환이 가능하다.

HTML에서 사용하는 귀찮은 태그들을 간편한 '약속'으로 사용할 수 있다.

2. 마크다운의 장점과 단점

2.1 장점

    1. 간결하다.
    2. 별도의 도구없이 작성가능하다.
    3. 다양한 형태로 변환이 가능하다.
    4. 텍스트(Text)로 저장되기 때문에 용량이 적어 보관이 용이하다.
    5. 텍스트파일이기 때문에 버전관리시스템을 이용하여 변경이력을 관리할 수 있다.
    6. 지원하는 프로그램과 플랫폼이 다양하다.

2.2 단점

    1. 표준형식이 존재하지 않는다.
    2. 모든 HTML요소를 대변할 수 없다.

3. 마크다운 사용법 (문법)

3.1 기본문법

Headings (제목) (#붙이기)

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

결과:

Heading 4

Heading 5

Heading 6

heading1, 2, 3는 목차를 방해하여 지웠습니다

---

Paragraphs (문단) (엔터 두번)

문단은 텍스트 사이에 빈 줄을 추가하여 구분합니다.

이것은 첫 번째 문단입니다.

이것은 두 번째 문단입니다.

결과:
이것은 첫 번째 문단입니다.

이것은 두 번째 문단입니다.

---

Line Breaks (줄바꿈) (공백 두개) 혹은 (</br>)

줄바꿈은 줄 끝에 두 개의 공백을 추가하거나 </br> 태그를 사용합니다.

첫 번째 줄 끝에 두 개의 공백을 추가하여  
줄바꿈을 만듭니다.

결과:
첫 번째 줄 끝에 두 개의 공백을 추가하여
줄바꿈을 만듭니다.

---

Emphasis (강조)

*기울임* 또는 _기울임_
**굵게** 또는 __굵게__
***굵은 기울임*** 또는 ___굵은 기울임___

결과:
기울임, 굵게, 굵은 기울임

---

Blockquotes (인용문) (앞에 > 넣기)

> 이것은 인용문입니다.
>> 중첩된 인용문입니다.

결과:

이것은 인용문입니다.

중첩된 인용문입니다.

---

Lists (목록)

순서 없는 목록

- 항목 1
- 항목 2
  - 하위 항목 1

결과

• 항목 1
• 항목 2
  • 하위 항목 1

순서 있는 목록

1. 첫 번째
2. 두 번째
   1. 두 번째의 하위 항목

결과:

1. 첫 번째
2. 두 번째
   1. 두 번째의 하위 항목

---

Code (코드)

• 인라인 코드결과: 코드
• `코드`
• 블록 코드결과
• 코드블록
• ``` 코드 블록 ```

---

Horizontal Rules (수평선) (-을 연속 사용)

---
***

결과:

---

---

Links (링크)

[링크 이동](https://example.com)

결과: 링크 이동

---

Images (이미지)

![이미지](이미지_주소)

결과:

---

Escaping Characters (특수문자)

백슬래시(\)로 특수문자를 이스케이프합니다.

\*별표\*는 표시됩니다.

결과: *별표*는 표시됩니다.

---

3.2 심화문법

Tables (표)

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Row 1    | Cell     | Cell     |
| Row 2    | Cell     | Cell     |

결과:

Header 1	Header 2	Header 3
Row 1	Cell	Cell
Row 2	Cell	Cell

---

Syntax Highlighting (구문 강조)

```javascript
function hello() {
  console.log("Hello, World!");
}
```

function hello() {
  console.log("Hello, World!");
}

---

Footnotes (각주)

문장에 각주를 추가.[^1]

[^1]: 각주의 내용.

---

Heading IDs (헤딩 ID)

### 제목 {#custom-id}
[링크](#custom-id)

HTML에선,

<h3 id='custom-id'>제목</h3>
<a href='#custom-id'>링크</a>

---

Definition Lists (정의 목록)

용어 1
: 정의 1

용어 2
: 정의 2

용어 1
: 정의 1

용어 2
: 정의 2

---

Strikethrough (취소선)

~~취소된 텍스트~~

결과:

취소된 텍스트

---

Task Lists (작업 목록)

- [x] 완료된 작업
- [ ] 미완료된 작업

• 완료된 작업
• 미완료된 작업

---

Emoji (이모지)

😊, 🚀, 또는 :smile:

결과: 😊, 🚀, 또는 😀

---

Highlight (하이라이트)

==강조된 텍스트==

---

Subscript, Superscript (아래 첨자, 위 첨자)

H~2~O
X^2^

---