Markdown 치트 시트

라이브 미리보기가 포함된 완전한 Markdown 구문 참조. 표준 Markdown과 GitHub Flavored Markdown(GFM) 확장 기능을 다룹니다.

제목

# Heading 1

H1 — largest heading

예시

# My Title

출력

<h1>My Title</h1>

## Heading 2

H2 — section heading

예시

## Introduction

출력

<h2>Introduction</h2>

### Heading 3

H3 — subsection

예시

### Details

출력

<h3>Details</h3>

#### Heading 4

예시

#### Notes

출력

<h4>Notes</h4>

##### Heading 5

예시

##### Fine print

출력

<h5>Fine print</h5>

###### Heading 6

H6 — smallest heading

예시

###### Footnote

출력

<h6>Footnote</h6>

Title
======

H1 — setext style (underline with ===)

예시

My Title
========

출력

<h1>My Title</h1>

Title
------

H2 — setext style (underline with ---)

예시

My Section
----------

출력

<h2>My Section</h2>

강조 및 스타일

**bold**

Bold text

예시

**important**

출력

<strong>important</strong>

__bold__

Bold text (alternate)

예시

__important__

출력

<strong>important</strong>

*italic*

Italic text

예시

*emphasis*

출력

<em>emphasis</em>

_italic_

Italic text (alternate)

예시

_emphasis_

출력

<em>emphasis</em>

***bold italic***

Bold and italic

예시

***critical***

출력

<strong><em>critical</em></strong>

~~strikethrough~~

Strikethrough (GFM)

예시

~~deprecated~~

출력

<del>deprecated</del>

`inline code`

Inline code

예시

`console.log()`

출력

<code>console.log()</code>

<mark>highlight</mark>

Highlighted text (HTML in MD)

예시

<mark>key point</mark>

출력

<mark>key point</mark>

- Item
- Item
- Item

Unordered list (dash)

예시

- Apple
- Banana
- Cherry

출력

* Item
* Item

Unordered list (asterisk)

예시

* Alpha
* Beta

출력

+ Item
+ Item

Unordered list (plus)

예시

+ One
+ Two

출력

1. First
2. Second
3. Third

Ordered list

예시

1. Step one
2. Step two
3. Step three

출력

1. Item
   - Sub-item
   - Sub-item

Nested list (3 spaces indent)

예시

1. Main
   - Sub A
   - Sub B

출력

Nested <ul> inside <li>

- [ ] Unchecked
- [x] Checked

Task list (GFM)

예시

- [ ] Todo
- [x] Done

출력

Interactive checkboxes

링크 및 이미지

[text](url)

Inline link

예시

[OpenAI](https://openai.com)

출력

<a href="https://openai.com">OpenAI</a>

[text](url "title")

Link with title tooltip

예시

[GitHub](https://github.com "GitHub")

출력

<a href="..." title="GitHub">GitHub</a>

[text][ref]

[ref]: url

Reference-style link

예시

[Google][goo]

[goo]: https://google.com

출력

Reusable reference links

<https://url>

Autolink (bare URL)

예시

<https://example.com>

출력

Clickable URL

![alt](url)

Inline image

예시

![Logo](logo.png)

출력

![alt](url "title")

Image with title

예시

![Logo](logo.png "My Logo")

출력

[![alt](img)](url)

Linked image

예시

[![Logo](logo.png)](https://site.com)

출력

Clickable image

코드

`code`

Inline code

예시

Use `npm install`

출력

<code>npm install</code>

```
code
```

Fenced code block

예시

```
console.log('hi')
```

출력

```javascript
code
```

Syntax highlighted code

예시

```python
print('hello')
```

출력

Highlighted code block

    indented code

Code block via 4-space indent

예시

    def hello():
        pass

출력

``code with `backtick` inside``

Double backticks for inline code with backtick

예시

``Use `code` here``

출력

표

| Col1 | Col2 |
|------|------|
| A    | B    |

Basic table (GFM)

예시

| Name | Age |
|------|-----|
| Ana  | 25  |

출력

<table>...

| Left | Center | Right |
|:-----|:------:|------:|

Column alignment (GFM)

예시

| Left | Center | Right |
|:-----|:------:|------:
| a    | b      | c     |

출력

Left/center/right aligned cols

인용구

> Quote text

Blockquote

예시

> To be or not to be.

출력

> Line 1
> Line 2

Multi-line blockquote

예시

> First line
> Second line

출력

Single blockquote element

> Outer
> > Nested

Nested blockquote

예시

> Level 1
> > Level 2

출력

Nested <blockquote>

> **Note:** text

Styled blockquote with bold

예시

> **Warning:** Be careful!

출력

<blockquote><strong>Warning:</strong>...

할 일 목록

- [ ] Unchecked task

Unchecked checkbox (GFM)

예시

- [ ] Write tests

출력

Unchecked checkbox

- [x] Completed task

Checked checkbox (GFM)

예시

- [x] Deploy app

출력

Checked checkbox

- [ ] Task
  - [ ] Subtask

Nested task list

예시

- [ ] Feature
  - [x] API done
  - [ ] UI todo

출력

Nested checkbox list

기타

---

Horizontal rule (thematic break)

예시

Section 1

---

Section 2

출력

<hr>

***

Horizontal rule (3 asterisks)

예시

***

출력

<hr>

\*escaped\*

Escape Markdown characters with \

예시

\*not bold\*

출력

*not bold*

<br>

Forced line break within paragraph

예시

Line one<br>Line two

출력

<br> in HTML

Two trailing spaces  
next line

Hard line break (2 spaces + enter)

예시

First line  
Second line

출력

Line break within paragraph

<!-- comment -->

HTML comment (hidden in output)

예시

<!-- TODO: fix this -->

출력

Not rendered

GitHub Flavored Markdown

~~strikethrough~~

Strikethrough

예시

~~old text~~

출력

https://auto.link

Autolink (bare URL auto-linked)

예시

https://example.com

출력

@username

User mention (GitHub)

예시

@octocat

출력

Linked profile mention

#123

Issue/PR reference (GitHub)

예시

Fixes #42

출력

Linked issue reference

SHA reference

Commit SHA reference (GitHub)

예시

a5c3785

출력

Linked commit

```mermaid
graph
```

Mermaid diagram (GitHub/GitLab)

예시

```mermaid
graph LR
  A-->B
```

출력

Rendered diagram

> [!NOTE]

GitHub alerts (NOTE/TIP/WARNING/CAUTION)

예시

> [!WARNING]
> Be careful!

출력

Styled alert box

빠른 시작: 필수 Markdown

Text Formatting

**bold text**
*italic text*
***bold italic***
~~strikethrough~~
`inline code`

Headings

# H1 — largest
## H2 — section
### H3 — sub
#### H4
##### H5

Lists

- Unordered item
* Also unordered
1. Ordered item
2. Second item
- Nested item

Links & Images

[text](url)
[text](url "title")
![alt](image.png)
<https://autolink>
[![img](img)](url)

Code Blocks

`inline code`
```language
code block body
```
4-space indent

GFM Extensions

- [ ] Task list
- [x] Completed
| Table | Col |
> [!NOTE] alert
@mention, #issue

Markdown 표 구문

표는 GitHub Flavored Markdown(GFM) 확장 기능입니다. '|'를 사용하여 열을 구분하고, 구분 행의 콜론으로 내용을 정렬합니다:|

| Name    | Role      | Score |
|:--------|:---------:|------:|
| Alice   | Developer |   100 |
| Bob     | Designer  |    95 |

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

Markdown 미리보기 도구 사용해 보기

실시간 렌더링으로 Markdown을 작성하고 미리보기및 내보내기 옵션.

미리보기 도구 열기 →

자주 묻는 질문

Markdown이란 무엇인가요?

Markdown은 2004년 John Gruber가 만든 경량 마크업 언어입니다. 일반 텍스트 형식 구문을 사용하여 HTML을 만듭니다: #제목, **굵게**, *기울임*, [링크], `코드` 등. README 파일, GitHub, Reddit, Slack 및 많은 문서 시스템에서 사용됩니다.

CommonMark와 GitHub Flavored Markdown의 차이점은 무엇인가요?

CommonMark는 표준화된 Markdown 명세입니다. GitHub Flavored Markdown(GFM)은 할 일 목록, 표, 취소선, 자동 링크 및 코드 펜스의 구문 강조 표시로 이를 확장합니다. 대부분의 현대 플랫폼은 GFM을 지원합니다.

코드 블록에 구문 강조를 어떻게 추가하나요?

언어 이름 뒤에 세 개의 백틱을 사용합니다: ```javascript. 지원되는 언어로는 javascript, python, typescript, bash, css, html, json, yaml, sql 등이 있습니다.

Markdown 특수 문자를 어떻게 이스케이프하나요?

문자 앞에 백슬래시를 사용합니다: \*는 *, \_는 _, \`는 `, \#는 #, \[는 [ 등. 이렇게 하면 Markdown이 해당 문자를 서식 구문으로 해석하지 않습니다.

Markdown 치트 시트

라이브 미리보기가 포함된 완전한 Markdown 구문 참조. 표준 Markdown과 GitHub Flavored Markdown(GFM) 확장 기능을 다룹니다.

제목

# Heading 1

H1 — largest heading

예시

# My Title

출력

<h1>My Title</h1>

## Heading 2

H2 — section heading

예시

## Introduction

출력

<h2>Introduction</h2>

### Heading 3

H3 — subsection

예시

### Details

출력

<h3>Details</h3>

#### Heading 4

예시

#### Notes

출력

<h4>Notes</h4>

##### Heading 5

예시

##### Fine print

출력

<h5>Fine print</h5>

###### Heading 6

H6 — smallest heading

예시

###### Footnote

출력

<h6>Footnote</h6>

Title
======

H1 — setext style (underline with ===)

예시

My Title
========

출력

<h1>My Title</h1>

Title
------

H2 — setext style (underline with ---)

예시

My Section
----------

출력

<h2>My Section</h2>

강조 및 스타일

**bold**

Bold text

예시

**important**

출력

<strong>important</strong>

__bold__

Bold text (alternate)

예시

__important__

출력

<strong>important</strong>

*italic*

Italic text

예시

*emphasis*

출력

<em>emphasis</em>

_italic_

Italic text (alternate)

예시

_emphasis_

출력

<em>emphasis</em>

***bold italic***

Bold and italic

예시

***critical***

출력

<strong><em>critical</em></strong>

~~strikethrough~~

Strikethrough (GFM)

예시

~~deprecated~~

출력

<del>deprecated</del>

`inline code`

Inline code

예시

`console.log()`

출력

<code>console.log()</code>

<mark>highlight</mark>

Highlighted text (HTML in MD)

예시

<mark>key point</mark>

출력

<mark>key point</mark>

- Item
- Item
- Item

Unordered list (dash)

예시

- Apple
- Banana
- Cherry

출력

* Item
* Item

Unordered list (asterisk)

예시

* Alpha
* Beta

출력

+ Item
+ Item

Unordered list (plus)

예시

+ One
+ Two

출력

1. First
2. Second
3. Third

Ordered list

예시

1. Step one
2. Step two
3. Step three

출력

1. Item
   - Sub-item
   - Sub-item

Nested list (3 spaces indent)

예시

1. Main
   - Sub A
   - Sub B

출력

Nested <ul> inside <li>

- [ ] Unchecked
- [x] Checked

Task list (GFM)

예시

- [ ] Todo
- [x] Done

출력

Interactive checkboxes

링크 및 이미지

[text](url)

Inline link

예시

[OpenAI](https://openai.com)

출력

<a href="https://openai.com">OpenAI</a>

[text](url "title")

Link with title tooltip

예시

[GitHub](https://github.com "GitHub")

출력

<a href="..." title="GitHub">GitHub</a>

[text][ref]

[ref]: url

Reference-style link

예시

[Google][goo]

[goo]: https://google.com

출력

Reusable reference links

<https://url>

Autolink (bare URL)

예시

<https://example.com>

출력

Clickable URL

![alt](url)

Inline image

예시

![Logo](logo.png)

출력

![alt](url "title")

Image with title

예시

![Logo](logo.png "My Logo")

출력

[![alt](img)](url)

Linked image

예시

[![Logo](logo.png)](https://site.com)

출력

Clickable image

코드

`code`

Inline code

예시

Use `npm install`

출력

<code>npm install</code>

```
code
```

Fenced code block

예시

```
console.log('hi')
```

출력

```javascript
code
```

Syntax highlighted code

예시

```python
print('hello')
```

출력

Highlighted code block

    indented code

Code block via 4-space indent

예시

    def hello():
        pass

출력

``code with `backtick` inside``

Double backticks for inline code with backtick

예시

``Use `code` here``

출력

표

| Col1 | Col2 |
|------|------|
| A    | B    |

Basic table (GFM)

예시

| Name | Age |
|------|-----|
| Ana  | 25  |

출력

<table>...

| Left | Center | Right |
|:-----|:------:|------:|

Column alignment (GFM)

예시

| Left | Center | Right |
|:-----|:------:|------:
| a    | b      | c     |

출력

Left/center/right aligned cols

인용구

> Quote text

Blockquote

예시

> To be or not to be.

출력

> Line 1
> Line 2

Multi-line blockquote

예시

> First line
> Second line

출력

Single blockquote element

> Outer
> > Nested

Nested blockquote

예시

> Level 1
> > Level 2

출력

Nested <blockquote>

> **Note:** text

Styled blockquote with bold

예시

> **Warning:** Be careful!

출력

<blockquote><strong>Warning:</strong>...

할 일 목록

- [ ] Unchecked task

Unchecked checkbox (GFM)

예시

- [ ] Write tests

출력

Unchecked checkbox

- [x] Completed task

Checked checkbox (GFM)

예시

- [x] Deploy app

출력

Checked checkbox

- [ ] Task
  - [ ] Subtask

Nested task list

예시

- [ ] Feature
  - [x] API done
  - [ ] UI todo

출력

Nested checkbox list

기타

---

Horizontal rule (thematic break)

예시

Section 1

---

Section 2

출력

<hr>

***

Horizontal rule (3 asterisks)

예시

***

출력

<hr>

\*escaped\*

Escape Markdown characters with \

예시

\*not bold\*

출력

*not bold*

<br>

Forced line break within paragraph

예시

Line one<br>Line two

출력

<br> in HTML

Two trailing spaces  
next line

Hard line break (2 spaces + enter)

예시

First line  
Second line

출력

Line break within paragraph

<!-- comment -->

HTML comment (hidden in output)

예시

<!-- TODO: fix this -->

출력

Not rendered

GitHub Flavored Markdown

~~strikethrough~~

Strikethrough

예시

~~old text~~

출력

https://auto.link

Autolink (bare URL auto-linked)

예시

https://example.com

출력

@username

User mention (GitHub)

예시

@octocat

출력

Linked profile mention

#123

Issue/PR reference (GitHub)

예시

Fixes #42

출력

Linked issue reference

SHA reference

Commit SHA reference (GitHub)

예시

a5c3785

출력

Linked commit

```mermaid
graph
```

Mermaid diagram (GitHub/GitLab)

예시

```mermaid
graph LR
  A-->B
```

출력

Rendered diagram

> [!NOTE]

GitHub alerts (NOTE/TIP/WARNING/CAUTION)

예시

> [!WARNING]
> Be careful!

출력

Styled alert box

빠른 시작: 필수 Markdown

Text Formatting

**bold text**
*italic text*
***bold italic***
~~strikethrough~~
`inline code`

Headings

# H1 — largest
## H2 — section
### H3 — sub
#### H4
##### H5

Lists

- Unordered item
* Also unordered
1. Ordered item
2. Second item
- Nested item

Links & Images

[text](url)
[text](url "title")
![alt](image.png)
<https://autolink>
[![img](img)](url)

Code Blocks

`inline code`
```language
code block body
```
4-space indent

GFM Extensions

- [ ] Task list
- [x] Completed
| Table | Col |
> [!NOTE] alert
@mention, #issue

Markdown 표 구문

표는 GitHub Flavored Markdown(GFM) 확장 기능입니다. '|'를 사용하여 열을 구분하고, 구분 행의 콜론으로 내용을 정렬합니다:|

| Name    | Role      | Score |
|:--------|:---------:|------:|
| Alice   | Developer |   100 |
| Bob     | Designer  |    95 |

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

Markdown 미리보기 도구 사용해 보기

실시간 렌더링으로 Markdown을 작성하고 미리보기및 내보내기 옵션.

미리보기 도구 열기 →

자주 묻는 질문

Markdown이란 무엇인가요?

CommonMark와 GitHub Flavored Markdown의 차이점은 무엇인가요?

코드 블록에 구문 강조를 어떻게 추가하나요?

언어 이름 뒤에 세 개의 백틱을 사용합니다: ```javascript. 지원되는 언어로는 javascript, python, typescript, bash, css, html, json, yaml, sql 등이 있습니다.

Markdown 특수 문자를 어떻게 이스케이프하나요?

문자 앞에 백슬래시를 사용합니다: \*는 *, \_는 _, \`는 `, \#는 #, \[는 [ 등. 이렇게 하면 Markdown이 해당 문자를 서식 구문으로 해석하지 않습니다.

Markdown 치트 시트

제목

강조 및 스타일

목록

링크 및 이미지

코드

표

인용구

할 일 목록

기타

GitHub Flavored Markdown

빠른 시작: 필수 Markdown

Text Formatting

Headings

Lists

Links & Images

Code Blocks

GFM Extensions

Markdown 표 구문

Markdown 미리보기 도구 사용해 보기

자주 묻는 질문

References & cheat sheets

Markdown 치트 시트

제목

강조 및 스타일

목록

링크 및 이미지

코드

표

인용구

할 일 목록

기타

GitHub Flavored Markdown

빠른 시작: 필수 Markdown

Text Formatting

Headings

Lists

Links & Images

Code Blocks

GFM Extensions

Markdown 표 구문

Markdown 미리보기 도구 사용해 보기

자주 묻는 질문