실시간 미리보기 온라인 Markdown 편집기

왼쪽에 Markdown을 입력하면 오른쪽에 서식이 적용된 결과가 즉시 표시됩니다. 무료이고 빠르며 오프라인에서도 작동하는 Markdown 편집기입니다. 가입이 필요 없고 입력한 텍스트는 브라우저를 벗어나지 않습니다.

Markdown
미리보기

마크다운 치트 시트

마크다운은 어떤 기기에서도 멋지게 보이는 텍스트 서식 방법입니다. 글꼴 크기, 색상, 종류를 바꾸는 것 같은 화려한 기능은 없고 – 이미 알고 있는 키보드 기호만으로 핵심적인 것만 다룹니다. 이것은 완벽한 참고서입니다: 모든 규칙을 렌더링된 결과와 나란히 보여줍니다.

머리글

텍스트 앞에 # 기호를 사용하세요 – # 하나는 가장 큰 머리글, 최대 여섯 개는 가장 작은 머리글입니다. 상위 두 단계에는 “밑줄” 스타일도 있습니다.

MarkdownResult
# Heading 1

Heading 1
=========

Heading 1

## Heading 2

Heading 2
---------

Heading 2

### Heading 3

Heading 3

#### Heading 4

Heading 4

##### Heading 5
Heading 5
###### Heading 6
Heading 6

강조

텍스트를 기호로 감싸서 굵게, 기울임, 또는 취소선으로 만드세요. 별표와 밑줄은 같은 방식으로 작동합니다.

MarkdownResult
*Italic* _Italic_Italic
**Bold** __Bold__Bold
***Bold & italic***Bold & italic
~~Strikethrough~~Strikethrough

인용문

줄을 >로 시작하면 텍스트를 인용합니다. >를 하나 더 추가하면 인용을 중첩하고, 빈 > 줄로 문단을 구분합니다.

MarkdownResult
> This is a blockquote.
This is a blockquote.
> First paragraph. > > Second paragraph.

First paragraph.

Second paragraph.

> Level one >> Level two
Level one
Level two

목록

글머리 기호 목록은 -, *, 또는 +로 시작합니다. 번호 목록은 1., 2., 3.을 사용합니다. 두 칸 들여쓰기로 하위 목록을 중첩합니다.

MarkdownResult
- First item - Second item - Third item
  • First item
  • Second item
  • Third item
1. First item 2. Second item 3. Third item
  1. First item
  2. Second item
  3. Third item
1. First item - Sub-item - Sub-item 2. Second item
  1. First item
    • Sub-item
    • Sub-item
  2. Second item

작업 목록

글머리 기호 바로 뒤에 빈 체크박스는 [ ], 체크된 것은 [x]를 추가하세요. GitHub의 할 일 목록에 좋습니다.

MarkdownResult
- [x] Learn Markdown - [ ] Master Markdown - [ ] Teach a friend
  • Learn Markdown
  • Master Markdown
  • Teach a friend

보이는 텍스트는 [ ]에, 주소는 ( )에 넣으세요. 참조 링크는 주소를 맨 아래에 두고, 순수 URL은 자동으로 링크가 됩니다.

MarkdownResult
[Markdown69](https://markdown69.com)Markdown69
[Hover me](https://markdown69.com "Best cheat sheet")Hover me
[Reference link][site]

[site]: https://markdown69.com
Reference link
<https://markdown69.com>https://markdown69.com
[Jump to top](#top)Jump to top

이미지

링크와 같지만 앞에 !를 붙입니다. [ ] 안의 텍스트는 이미지를 불러올 수 없을 때 표시되는 대체 텍스트가 됩니다.

MarkdownResult
![Markdown logo](/img/markdown.png)Markdown logo
![Logo](/img/markdown.png "Markdown")Logo
[![Clickable](/img/markdown.png)](https://markdown69.com)Clickable

코드

인라인 코드는 백틱 하나로 감싸세요. 전체 블록은 백틱 세 개를 사용하거나(선택적으로 언어를 지정) 모든 줄을 네 칸 들여쓰기 하세요.

MarkdownResult
Use the `print()` function.Use the print() function.
``` plain code block ```
plain code block
```python def hello(): print("Hi!") ```
def hello():
    print("Hi!")

열은 파이프 |로 구분하고 머리글과 본문은 대시 -로 구분합니다. 구분 줄에 콜론 :을 추가하여 열을 왼쪽, 가운데, 또는 오른쪽으로 정렬하세요.

MarkdownResult
| Syntax | Description | | ------ | ----------- | | Header | Title | | Cell | Text |
SyntaxDescription
HeaderTitle
CellText
| Left | Center | Right | | :--- | :----: | ----: | | a | b | c |
LeftCenterRight
abc

수평선

대시, 별표, 또는 밑줄을 세 개 이상 한 줄에 두면 구분선이 그려집니다.

MarkdownResult
--- *** ___

줄 바꿈

새 문단을 시작하지 않고 줄을 바꾸려면 줄 끝에 공백 두 개를 넣으세요. 빈 줄은 항상 새 문단을 시작합니다.

MarkdownResult
First line·· Second line

First line
Second line

New paragraph

after a blank line

New paragraph

after a blank line

문자 이스케이프

기호 앞에 백슬래시 \를 넣으면 텍스트를 서식화하는 대신 기호를 그대로 표시합니다.

MarkdownResult
\*Not italic\**Not italic*
1\. Not a list1. Not a list

각주

[^1]로 위치를 표시하고 노트를 아무 곳에나 별도의 줄에 작성하세요. 독자는 클릭하여 그 사이를 이동합니다.

MarkdownResult
Here is a note.[^1]

[^1]: The footnote text.
Here is a note.1
  1. The footnote text.

이모지

많은 편집기(GitHub, Slack, Discord)는 :shortcodes:를 이모지로 바꿉니다. 이모지 문자를 직접 붙여넣을 수도 있습니다.

MarkdownResult
:tada: Shipped it! :rocket:🎉 Shipped it! 🚀
Looks good :+1:Looks good 👍

인라인 HTML

마크다운으로 충분하지 않을 때는 순수 HTML을 넣으면 그대로 렌더링됩니다.

MarkdownResult
Text with <sub>subscript</sub> and <sup>superscript</sup>.Text with subscript and superscript.
<kbd>Ctrl</kbd> + <kbd>C</kbd>Ctrl + C

동영상 삽입

마크다운은 동영상 플레이어를 삽입할 수 없지만, 썸네일 이미지를 동영상에 연결할 수 있습니다. 이미지를 클릭하면 동영상이 열립니다.

MarkdownResult
[![Watch the video](/img/markdown.png)](https://youtu.be/VIDEO_ID)Watch the video