마크다운 편집기
실시간 미리보기가 있는 마크다운 편집기.
마크다운 실시간 작성·미리보기
소개
마크다운은 README, GitHub 이슈, 문서, 정적 사이트 블로그, Obsidian·Notion 같은 노트 앱의 기반이 되는 경량 마크업 언어입니다. # 으로 제목, ** 로 굵게, - 로 목록처럼 간단한 기호로 평문을 쓰면 깔끔한 HTML로 렌더됩니다. 이 스튜디오는 분할 화면 편집기를 제공합니다 — 왼쪽에 마크다운, 오른쪽에 실시간 렌더 미리보기. 타이핑하는 대로 결과를 정확히 볼 수 있습니다. 모든 처리는 브라우저에서 이루어지고 텍스트는 업로드되지 않습니다.
사용 방법 (단계별)
- 1
왼쪽에 마크다운 입력
#, **굵게**, - 목록, ``` 코드 펜스, | 표 |, [링크](url)를 쓰면 미리보기가 즉시 렌더됩니다.
- 2
실시간 미리보기 확인
오른쪽 창에 마크다운 렌더러에서 보일 그대로 서식 결과가 표시됩니다.
- 3
내보내기 또는 복사
.md 파일로 저장하거나, 렌더된 HTML을 복사해 블로그·이메일·CMS에 붙여넣으세요.
작동 원리
타이핑할 때마다 마크다운 파서가 원본을 HTML로 변환해 미리보기 창에 렌더합니다. 제목, 굵게·기울임, 링크, 이미지, 순서·비순서 목록, 인용, 구문 강조가 있는 코드 블록, 표, 할 일 목록 등 일반적인 CommonMark/GitHub Flavored Markdown 기능을 지원합니다. 결과를 .md 파일로 내보내거나 렌더된 HTML을 복사할 수 있습니다. 문서는 로컬에 저장되어 새로고침해도 작업이 사라지지 않습니다.
이럴 때 쓰세요
즉각적 시각 피드백과 함께 GitHub README·프로젝트 문서 작성. 정적 사이트(Hugo·Jekyll·Astro·Next.js)용 블로그 글 작성. 서식 있는 노트·회의록·기술 명세 준비. 평문 노트를 이메일·CMS용 깔끔한 HTML로 변환. 실시간 결과를 보며 마크다운 문법 학습. 나중에 마크다운 지원 플랫폼에 붙여넣을 콘텐츠를 오프라인에서 작성.
자주 묻는 질문
제목·강조·목록·링크·이미지·코드 블록·인용·표·할 일 목록 등 일반적인 CommonMark와 GitHub Flavored Markdown 기능을 지원합니다. 플랫폼 특화 확장은 대상 사이트에서 다르게 렌더될 수 있습니다.