온라인 마크다운 편집기
무료 온라인 마크다운 편집기. 마크다운을 작성하고 실시간 미리보기와 HTML 내보내기를 이용하세요.
이 도구는?
마크다운 에디터는 왼쪽에 텍스트 편집기, 오른쪽에 실시간 렌더링 미리보기를 제공하는 분할 화면 인터페이스입니다. 전체 CommonMark 사양과 GitHub Flavored Markdown(GFM) 확장 — 표, 작업 목록, 취소선, 구문 강조가 포함된 펜스 코드 블록 — 을 지원합니다. README 파일, 문서, 블로그 포스트, 기술 노트 작성에 최적화된 도구입니다.
마크다운 편집기에 오신 것을 환영합니다
이것은 실시간 미리보기 마크다운 편집기입니다. 왼쪽에 입력하면 오른쪽에서 결과를 확인할 수 있습니다!
텍스트 서식
굵은 글씨, 기울임 글씨, 취소선을 사용할 수 있습니다.
조합도 가능합니다: 굵은 기울임
링크 & 이미지
목록
순서 없는 목록
- 첫 번째 항목
- 두 번째 항목
- 세 번째 항목
순서 있는 목록
- 단계 1
- 단계 2
- 단계 3
코드
인라인 코드: const x = 42;
코드 블록:
function greet(name) {
return "안녕하세요, " + name + "님!";
}인용문
마크다운은 일반 텍스트 문서에 서식을 추가할 수 있는 경량 마크업 언어입니다.
수평선
마크다운으로 즐겁게 글을 작성해 보세요!
마크다운 문법 요약
| 문법 | 설명 |
|---|---|
| # Heading 1 | 제목 1 |
| ## Heading 2 | 제목 2 |
| **bold** | 굵은 글씨 |
| *italic* | 기울임 |
| ~~strike~~ | 취소선 |
| [text](url) | 링크 |
|  | 이미지 |
| `code` | 인라인 코드 |
| ```code``` | 코드 블록 |
| - item | 순서 없는 목록 |
| 1. item | 순서 있는 목록 |
| > quote | 인용문 |
| --- | 수평선 |
사용 방법
- 왼쪽 편집 영역에 마크다운 문법으로 텍스트를 입력합니다.
- 오른쪽 미리보기 영역에서 실시간으로 변환된 결과를 확인합니다.
- 'HTML 복사' 버튼으로 변환된 HTML을 클립보드에 복사하거나, '마크다운 복사' 버튼으로 원본 마크다운을 복사합니다.
- '.md 다운로드' 버튼을 클릭하여 마크다운 파일로 저장합니다.
자주 묻는 질문
마크다운이란?
마크다운(Markdown)은 일반 텍스트에 간단한 기호를 사용하여 서식을 지정하는 경량 마크업 언어입니다. 제목에는 #, 굵은 글씨에는 **텍스트**, 목록에는 - 등의 기호를 사용합니다. GitHub, 블로그, 기술 문서 등에서 널리 사용됩니다.
HTML로 내보낼 수 있나요?
네, 'HTML 복사' 버튼을 클릭하면 변환된 HTML 코드가 클립보드에 복사됩니다. 이 HTML을 웹 페이지, 블로그, 이메일 등에 바로 붙여넣어 사용할 수 있습니다.
작성한 내용이 저장되나요?
아니요, 이 편집기는 브라우저에서 실행되며 서버에 데이터를 전송하지 않습니다. 페이지를 새로고침하면 내용이 사라지므로, 중요한 내용은 '.md 다운로드' 버튼을 사용하여 파일로 저장하세요.
표(테이블)를 지원하나요?
현재 이 편집기는 제목, 굵게, 기울임, 취소선, 링크, 이미지, 코드 블록, 목록, 인용문, 수평선 등 주요 마크다운 문법을 지원합니다. 표(테이블) 문법은 아직 지원하지 않지만, 향후 업데이트에서 추가될 예정입니다.
관련 도구
작동 방식
마크다운은 2004년 John Gruber가 만든 경량 마크업 언어로, 이후 CommonMark으로 공식화되었습니다. 렌더링 파이프라인은 파싱과 HTML 생성 두 단계로 구성됩니다. 파서는 마크다운 소스를 블록 수준 요소(제목, 단락, 목록, 인용문, 코드 블록)와 인라인 요소(굵게, 기울임, 링크, 이미지, 코드 스팬)의 AST로 토큰화합니다.
블록 파싱은 줄 단위로 진행됩니다: 파서는 각 줄이 새 블록을 시작하는지(예: # 제목, - 목록 항목, > 인용문) 기존 블록을 계속하는지 판단합니다. 그런 다음 인라인 파싱이 각 블록의 텍스트 내용을 처리하며, 중첩된 강조(** 굵게, * 기울임), 링크 참조, 이스케이프 시퀀스를 처리합니다. 결과 AST를 순회하여 정제된 HTML 출력을 생성합니다. GFM 확장은 테이블 파싱(파이프 구분 열과 정렬 마커), 작업 목록 감지(- [ ] 및 - [x]), 자동 링크 URL, 취소선(~~ 구분자)을 추가합니다. 미리보기는 디바운스된 렌더링 주기를 사용하여 키 입력마다 업데이트되어 부드러운 성능을 제공합니다.