Markdown Preview Live logo
Editor
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160

Markdown Syntax Guide

Headers

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Emphasis

This text will be italic This will also be italic

This text will be bold This will also be bold

You can combine them

This text will be strikethrough


Lists

Unordered

  • Item 1
  • Item 2
    • Item 2a
    • Item 2b
      • Item 3a
      • Item 3b

Ordered

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b

Task List

  • Task 1 (completed)
  • Task 2 (completed)
  • Task 3 (pending)
  • Task 4 (pending)

Links

GitHub

Google

Automatic link: https://example.com


Images

Alt text


Blockquotes

Markdown is a lightweight markup language.

It is widely used for documentation and README files.


Code

Inline Code

Use console.log('Hello World') to print to the console.

Code Block

javascript
function greet(name) {
  console.log(`Hello, ${name}!`);
  return `Welcome to Markdown Preview Live`;
}

greet('Developer');
python
def fibonacci(n):
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

print(fibonacci(10))
html
<!DOCTYPE html>
<html>
  <head>
    <title>Hello</title>
  </head>
  <body>
    <h1>Markdown Preview Live</h1>
  </body>
</html>

Tables

FeatureStatus
Live Preview
Dark Mode
Sync Scroll
Export PDF
GFM Support

Horizontal Rule

Three or more dashes:


Three or more asterisks:


Three or more underscores:



HTML in Markdown

Click to expand

This content is hidden by default.


Happy writing! ✍️

Ln 1, Col 1160 lines300 words
~2 min readMarkdown

온라인 마크다운 편집기: MD 파일 편집, 미리보기, 변환

온라인 마크다운 편집기는 설치 없이 웹 브라우저에서 바로 마크다운 파일을 작성, 편집, 미리보기하는 도구입니다. 입력하는 즉시 마크다운 텍스트가 서식이 적용된 HTML로 렌더링되고, 기존 .md 파일은 읽기 쉬운 문서로 열리며, HTML, Word, PDF, 일반 텍스트를 마크다운 형식으로 변환할 수 있습니다. 마크다운은 현재 GitHub, Notion, Obsidian, Reddit, Discord의 표준 작성 형식이며, 브라우저 기반 에디터 하나로 작성, 보기, 서식 정리, 변환까지 전체 워크플로를 처리합니다.

마크다운이란 무엇입니까?

마크다운은 간단한 기호만으로 일반 텍스트에 서식을 적용하는 경량 마크업 언어입니다. John Gruber와 Aaron Swartz가 2004년에 만들었고, 핵심 문법은 22년 동안 안정적으로 유지되고 있습니다. #은 제목이 되고, 별표 두 개는 굵은 글씨가 되며, 하이픈은 목록을 시작합니다. 2026년 현재 GitHub, GitLab, Stack Overflow, Notion, Obsidian의 문서, README 파일, 위키, 메모 뒤에는 마크다운이 있습니다.

마크다운 문법은 9가지 핵심 요소로 구성됩니다.

요소Markdown Syntax렌더링 결과
제목# Heading 1H1 제목
굵게**text**text
기울임*text*text
링크[title](url)클릭 가능한 링크
이미지![alt](url)삽입된 이미지
글머리 기호 목록- item글머리 기호 목록
번호 목록1. item순서 있는 목록
코드`code`인라인 코드
| cell |서식이 적용된 표

원본 마크다운은 그 자체로 읽을 수 있으며, 이것이 HTML과 구분되는 가장 큰 특징입니다. 2004년에 작성된 마크다운 문서는 오늘날에도 동일하게 렌더링됩니다.

MD 파일이란 무엇입니까?

MD 파일은 .md 또는 .markdown 확장자로 저장되어 마크다운 형식의 텍스트를 담는 일반 텍스트 문서입니다. 대부분의 MD 파일은 1KB에서 100KB 사이이며, 어떤 텍스트 에디터에서도 열리고, 마크다운 뷰어에서는 서식이 적용된 문서로 렌더링됩니다. 소프트웨어 저장소에는 보통 README.md, CHANGELOG.md, CONTRIBUTING.md, LICENSE.md 4개가 들어 있습니다.

MD 형식은 구조가 그대로 보입니다. Word 문서는 서식을 바이너리 XML 안에 감추지만, MD 파일은 모든 서식 지시를 일반 문자로 보여줍니다. MD 파일이 버전 관리에 잘 맞고, 같은 내용의 .docx보다 보통 약 90% 작은 이유가 여기에 있습니다.

MD 파일을 열려면 편집기로 끌어다 놓거나 아래 뷰어에 업로드하십시오. 렌더링된 문서가 1초 안에 나타납니다.

실시간 미리보기를 지원하는 온라인 마크다운 에디터

온라인 마크다운 에디터는 왼쪽에 원본 마크다운, 오른쪽에 렌더링된 실시간 미리보기를 보여주는 분할 화면 작업 공간을 제공합니다. 미리보기는 키 입력 후 수 밀리초 안에 갱신되므로 글을 쓰는 동안 서식이 적용된 결과를 항상 확인할 수 있습니다. Chrome, Firefox, Safari, Edge 브라우저에서 모두 작동하며, 계정을 만들지 않고 바로 시작할 수 있습니다.

이 편집기는 다음 6가지 작업을 처리합니다.

  1. 링크, 목록, 표에 대한 문법 강조와 자동 완성으로 마크다운을 작성합니다.
  2. 마크다운 미리보기를 나란히 띄워 렌더링 결과를 실시간으로 확인합니다.
  3. 기존 MD 파일을 드래그 앤 드롭 또는 파일 업로드로 엽니다.
  4. 내장 마크다운 포매터로 텍스트 서식을 정리합니다.
  5. HTML, Word, PDF, 텍스트 문서를 마크다운으로 변환합니다.
  6. 완성된 문서를 .md, .html, .pdf 파일로 내보냅니다.

작가는 블로그 글과 README 초안을 여기서 쓰고, 개발자는 문서를 여기서 관리합니다. 모든 처리가 브라우저 안에서 로컬로 이루어지므로 콘텐츠가 기기 밖으로 나가지 않습니다.

마크다운 뷰어: MD 파일을 온라인에서 열고 읽기

마크다운 뷰어는 원본 MD 파일을 서식이 적용된 읽기 쉬운 문서로 브라우저에서 렌더링합니다. .md 파일을 업로드하거나 마크다운 텍스트를 붙여넣으면, 뷰어가 제목, 표, 링크, 이미지, 코드 블록을 GitHub에서 보이는 모습 그대로 표시합니다. 10MB까지의 파일이 1초 안에 렌더링됩니다.

md 파일 뷰어가 필요한 상황은 분명합니다. 누군가 README.md를 보내왔거나, 배포 전에 문서를 점검해야 하거나, 원본 문법 대신 렌더링된 결과로 교정을 보고 싶을 때입니다.

이 온라인 마크다운 뷰어는 GitHub이 2017년에 발표한 사양인 GitHub Flavored Markdown(GFM)을 따르므로 표, 작업 목록, 취소선, 펜스 코드 블록이 완벽한 충실도로 표시됩니다. 뷰어는 반응형이어서 휴대폰의 MD 리더에서도 데스크톱 브라우저와 동일한 렌더링 결과를 보여줍니다.

마크다운 실시간 미리보기

마크다운 실시간 미리보기는 원본 마크다운 소스 옆에 렌더링된 HTML을 표시하고 키 입력마다 갱신합니다. 쓰고, 저장하고, 확인하는 순환이 없습니다. 깨진 표, 닫히지 않은 굵게 표시, 잘못된 링크가 입력하는 순간 바로 보입니다.

미리보기 뒤의 마크다운 렌더러는 2014년에 처음 발표된 CommonMark 사양과 표, 작업 목록을 위한 GFM 확장을 따릅니다. GitHub도 같은 렌더링을 사용하므로 미리보기에서 올바르게 보이는 문서는 게시 후에도 올바르게 보입니다. 스크롤 위치는 두 창 사이에서 동기화되며, 미리보기는 편집 중인 문단과 항상 정렬됩니다.

마크다운 포매터

마크다운 포매터는 간격, 제목 계층, 목록 들여쓰기, 표 정렬을 클릭 한 번으로 표준화합니다. 적용되는 수정은 5가지입니다. 제목 레벨을 한 단계씩 내려가도록 조정하고, 목록 기호를 통일하고, 표 열을 정렬하고, 블록 사이 빈 줄을 하나로 만들고, 줄 끝 공백을 제거합니다.

서식이 정리된 마크다운은 렌더링 결과는 같지만 편집과 검토가 훨씬 쉽습니다. 문서를 Git으로 관리하는 팀은 커밋 전에 포매터를 실행합니다. 깔끔한 마크다운이 읽기 쉬운 풀 리퀘스트 diff를 만들기 때문입니다.

문서를 마크다운으로 변환

이 변환기는 HTML, Word, PDF, 일반 텍스트의 4가지 입력 형식을 깔끔한 마크다운으로 바꿉니다. 모든 변환에서 제목, 목록, 링크, 표, 강조는 유지되고 형식 고유의 스타일만 제거됩니다. 내용을 붙여넣거나 파일을 업로드하면 마크다운 결과가 실시간 미리보기 옆 편집기에 나타납니다.

HTML 마크다운 변환

HTML 마크다운 변환은 HTML 태그를 마크다운 문법으로 매핑합니다. <h1>은 #이 되고, <strong>은 **이 되며, <a href>는 [title](url)이 되고, <table>은 파이프로 구분된 마크다운 표가 됩니다. 변환기는 중첩 목록, 코드 블록, 이미지도 처리하며 인라인 CSS, 스크립트, 추적 속성은 제거합니다. 웹 작가들은 WordPress나 Substack의 블로그 글을 Ghost, Hugo, Astro 같은 마크다운 기반 플랫폼으로 옮길 때 이 기능을 사용합니다.

Word 마크다운 변환

Word 마크다운 변환은 .docx 파일에서 구조를 추출하여 각 요소를 마크다운 문법으로 다시 작성합니다. 제목, 굵게, 기울임, 두 가지 목록, 표, 하이퍼링크가 모두 그대로 옮겨집니다. 20페이지 분량의 Word 문서도 5초 안에 변환되며, 삽입된 이미지는 올바른 마크다운 이미지 참조와 함께 별도 파일로 내보내집니다. Microsoft Word 문서를 GitHub 위키나 Notion으로 옮기는 팀이 수작업 재편집을 건너뛰기 위해 사용합니다.

PDF 마크다운 변환

PDF 마크다운 변환은 PDF 문서에서 텍스트, 제목, 표를 추출하여 편집 가능한 마크다운으로 재구성합니다. 변환기는 제목 크기를 읽어 #, ##, ### 레벨을 지정하고, 다단 레이아웃을 한 줄 흐름의 텍스트로 펴고, 감지된 표를 마크다운 표로 바꿉니다. 보고서, 백서 등 고정 레이아웃으로만 존재해 다시 편집이 필요한 문서에 적합합니다.

텍스트 마크다운 변환

텍스트 마크다운 변환은 서식 없는 일반 텍스트에 마크다운 구조를 적용합니다. 변환기는 패턴을 찾습니다. 콜론으로 끝나는 줄은 제목이 되고, 하이픈으로 시작하는 줄은 목록이 되며, URL은 링크가 됩니다. 휴대폰 메모나 녹취록을 구조화된 문서로 바꾸는 가장 빠른 방법입니다.

자주 묻는 질문

MD 파일은 어떻게 엽니까?

위의 마크다운 뷰어에 파일을 끌어다 놓으면 렌더링된 문서가 브라우저에 즉시 나타납니다. MD 파일은 Notepad, TextEdit, VS Code 등 어떤 일반 텍스트 에디터에서도 열리지만, 그 경우 서식이 적용된 결과가 아니라 원본 문법이 표시됩니다.

마크다운 편집기는 무료입니까?

온라인 마크다운 편집기, 뷰어, 포매터, 4가지 변환기는 모두 무료이며 사용 횟수 제한이 없습니다. 도구는 데스크톱과 모바일 브라우저에서 작동하고, 문서는 기기에서 로컬로 처리됩니다.

마크다운과 HTML의 차이는 무엇입니까?

마크다운은 단순화된 작성 문법이고, HTML은 마크다운이 최종적으로 컴파일되는 완전한 웹 마크업 언어입니다. 마크다운 문법은 9가지 핵심 기호로 이루어져 일반 텍스트 상태로도 읽을 수 있지만, HTML은 100개가 넘는 태그를 사용하고 모든 요소를 여는 태그와 닫는 태그로 감쌉니다. 일상적인 문서라면 마크다운은 훨씬 적은 타이핑으로 서식의 약 95%를 처리합니다.

마크다운을 다시 HTML, PDF, Word로 변환할 수 있습니까?

예. 편집기는 마크다운을 .html과 .pdf로 직접 내보내며, 내보낸 HTML은 Word에 깔끔하게 붙여넣을 수 있습니다. 마크다운 형식으로 한 번 작성하고, 목적지가 요구하는 어떤 형식으로든 게시하십시오.

다른 Markdown 가이드

마크다운 문법 기본 가이드

마크다운 문법을 2004년 오리지널 명세 기반으로 알아봅니다. 제목, 굵게, 목록, 링크, 이미지, 코드, 인용, 이스케이프까지 11가지 요소를 예제와 함께 설명합니다.

마크다운 치트시트: 21가지 마크다운 문법 정리를 한 페이지에

21가지 문법을 모두 담은 마크다운 치트시트입니다. 기본 문법과 확장 문법 요약표, 렌더링 예시, GitHub 등 앱별 지원 현황까지 마크다운 문법 정리를 한 페이지로 제공합니다.

마크다운 확장 문법 가이드: 마크다운 표, 각주, 체크박스 작성법

마크다운 확장 문법을 정리했습니다. 마크다운 표, 코드 블록, 각주, 체크박스(작업 목록) 등 12가지 요소의 작성법과 주요 앱별 지원 현황을 바로 복사해 쓸 수 있는 예제와 함께 알려 드립니다.

마크다운 입문: 기초부터 시작하는 마크다운 가이드

마크다운이란 무엇인지, .md가 HTML로 변환되는 원리, 워드 대신 마크다운을 선택하는 이유, 그리고 기본 마크다운 문법으로 5분 만에 첫 파일을 작성하는 방법까지 정리했습니다.

마크다운 팁: 없는 기능을 구현하는 우회 방법 모음

마크다운에서 밑줄 긋기, 제목 가운데 정렬, 글자 색 바꾸기, 주석 숨기기까지. HTML을 활용한 12가지 팁을 코드 예제와 함께 소개하고, 태그를 제거하는 렌더러도 정리했습니다.