# Markdown으로 작성하기

Markdown은 특히 개발자들 사이에서 널리 사용되는 서식 언어입니다.\
복잡한 HTML 코드를 작성하지 않고도 노트를 깔끔하게 서식화할 수 있습니다.\
이미 Markdown 문법에 익숙하다면, UpNote에서도 편하게 사용할 수 있습니다.

***

#### 제목(Headings) <a href="#f3b2" id="f3b2"></a>

제목을 만들려면 단어 또는 문장 앞에 **`#`** 기호를 추가하고 띄어쓰기를 합니다.\
기호의 개수는 제목의 수준(level)을 나타냅니다.

| Markdown   | 출력 결과         |
| ---------- | ------------- |
| `# 제목 1`   | <h3>제목 1</h3> |
| `## 제목 2`  | <h4>제목 2</h4> |
| `### 제목 3` | **제목 3**      |

***

#### 굵게(Bold) <a href="#id-9235" id="id-9235"></a>

텍스트를 굵게 표시하려면 단어나 문장 앞뒤에 별표 **`**`** 두 개 또는 밑줄 **`__`** 두 개를 추가합니다.

| Markdown     | 출력 결과      |
| ------------ | ---------- |
| `**굵은 텍스트**` | **굵은 텍스트** |
| `__굵은 텍스트__` | **굵은 텍스트** |

***

#### 기울임(Italic)

텍스트를 기울이려면 단어나 문장 앞뒤에 별표 **`*`** 또는 밑줄 **`_`** 하나를 추가합니다.

| Markdown    | 출력 결과     |
| ----------- | --------- |
| `*기울임 텍스트*` | *기울임 텍스트* |
| `_기울임 텍스트_` | *기울임 텍스트* |

***

#### 굵게 + 기울임(Bold and Italic) <a href="#cd61" id="cd61"></a>

굵게와 기울임을 동시에 적용하려면 별표 또는 밑줄을 세 개씩 추가합니다.

| Markdown           | 출력 결과            |
| ------------------ | ---------------- |
| `***굵고 기울임 텍스트***` | ***굵고 기울임 텍스트*** |
| `___굵고 기울임 텍스트___` | ***굵고 기울임 텍스트*** |

***

#### 인용문(Block quotes) <a href="#cd61" id="cd61"></a>

인용문을 만들려면 문단 앞에 **`>`** 기호를 추가하고 띄어쓰기를 합니다.

| Markdown        | 출력 결과                                                                                                                                                                                                               |
| --------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `> 이것은 인용문입니다.` | ![](https://3053791484-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFt4LISrSRa6fHrbSIdcE%2Fuploads%2FClQL67JuFFZ4TU2B7J7c%2Fimage.png?alt=media\&token=de0ef094-55f1-4006-8389-546b738b11a6) |

***

#### 목록(List) <a href="#id-39a2" id="id-39a2"></a>

번호 있는 목록(Ordered list)을 만들려면 숫자 뒤에 점을 붙입니다.

| Markdown                                                                                   | 출력 결과                                                     |
| ------------------------------------------------------------------------------------------ | --------------------------------------------------------- |
| <p><code>1. 첫 번째 항목</code></p><p><code>2. 두 번째 항목</code></p><p><code>3. 세 번째 항목</code></p> | <ol><li>첫 번째 항목</li><li>두 번째 항목</li><li>세 번째 항목</li></ol> |

번호 없는 목록(Unordered list)을 만들려면 **`-`**, **`*`**, 또는 **`+`** 기호를 사용합니다.\
한 단계 들여쓰면 하위 목록이 생성됩니다.

| Markdown                                                                       | 출력 결과                                            |
| ------------------------------------------------------------------------------ | ------------------------------------------------ |
| <p><code>- 항목 1</code></p><p><code>- 항목 2</code></p><p><code>- 항목 3</code></p> | <ul><li>항목 1</li><li>항목 2</li><li>항목 3</li></ul> |

***

#### 코드(Code) <a href="#id-6bb4" id="id-6bb4"></a>

코드 블록을 만들려면 백틱 **` ``` `** 세 개를 사용합니다.\
인라인 코드(짧은 코드)는 백틱 **`` ` ``** 하나로 감쌉니다.

| Markdown    | 출력 결과                                                                                                                                                                                                               |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| \`인라인 코드\`  | `인라인 코드`                                                                                                                                                                                                            |
| \`\`\`코드 블록 | ![](https://3053791484-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFt4LISrSRa6fHrbSIdcE%2Fuploads%2FPDLRwQ2KZgYghbZCRwfF%2Fimage.png?alt=media\&token=09344c1b-e7ce-4b7a-bfc5-4de732650d08) |

***

#### 구분선(Divider) <a href="#f82d" id="f82d"></a>

문단을 나누는 구분선을 추가하려면 **`***`**, **`---`**, 또는 **`___`** 를 한 줄에 입력하고 **Enter** 키를 누릅니다.

| Markdown | 출력 결과                                                                                                                                                                                                               |
| -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ---      | ![](https://3053791484-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFt4LISrSRa6fHrbSIdcE%2Fuploads%2FdGQVrjhaFGAJVXnxBpI4%2Fimage.png?alt=media\&token=2ceb4966-d1e1-4f03-b24d-f48d62bace6f) |

***

#### 체크박스(Checkbox) <a href="#id-25af" id="id-25af"></a>

할 일 목록을 만들려면 **`[]`** 뒤에 공백을 추가합니다.\
완료된 항목은 **`[x]`** 뒤에 공백을 추가합니다.

| Markdown  | 출력 결과                                                                           |
| --------- | ------------------------------------------------------------------------------- |
| `[] 할 일`  | <ul><li>할 일</li></ul>                                                           |
| `[x] 완료됨` | <ul class="contains-task-list"><li><input type="checkbox" checked>완료됨</li></ul> |

***

#### Markdown으로 복사하기 <a href="#id-3b9e" id="id-3b9e"></a>

UpNote의 콘텐츠를 Markdown 형식으로 복사하려면 마우스 오른쪽 버튼을 클릭하고\
\&#xNAN;**`Markdown으로 복사(Copy as Markdown)`** 를 선택합니다.

또는 단축키를 사용할 수도 있습니다:\
**Mac:** `Cmd` + `Option` + `C`\
**Windows:** `Ctrl` + `Alt` + `C`

***

#### Markdown에서 붙여넣기 <a href="#id-3b9e" id="id-3b9e"></a>

Markdown 형식의 콘텐츠를 붙여넣으려면 편집기에서 마우스 오른쪽 버튼을 클릭하고\
\&#xNAN;**`Markdown에서 붙여넣기(Paste from Markdown)`** 를 선택합니다.\
내용이 자동으로 올바른 형식으로 변환됩니다.

단축키도 사용할 수 있습니다:\
**Mac:** `Cmd` + `Option` + `V`\
**Windows:** `Ctrl` + `Alt` + `V`

**iOS:** 편집기에서 길게 눌러 팝업 메뉴에서 **`Markdown에서 붙여넣기`** 선택\
![](https://3053791484-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFt4LISrSRa6fHrbSIdcE%2Fuploads%2Fo0a89lSEj691NfylmKg3%2Fimage.png?alt=media\&token=049d10af-de95-4d24-8294-c29355be4ab1)

**Android:** 서식 도구 바의 **`+`** 아이콘을 탭하고 **`Markdown에서 붙여넣기`** 선택\
![](https://3053791484-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFt4LISrSRa6fHrbSIdcE%2Fuploads%2FjcFKsBOkSkcEH8TIBqBd%2Fimage.png?alt=media\&token=08b22b96-2585-46da-93be-5c663c378c45)