Markdown 미리보기

네 — 회원가입, 계정, 사용 제한 없이 완전 무료입니다. 한 번 클릭으로 열리고 브라우저에서 완전히 작동합니다. Dillinger.io(광고 있음), StackEdit(클라우드 동기화 있음), HackMD(대부분의 기능에 계정 필요)와 달리 파일 크기 제한과 유료 기능이 없습니다.

네, 완전히. Markdown은 브라우저에서 실시간으로 파싱 및 렌더링되고 기기의 로컬 스토리지에 자동 저장됩니다 — 서버에 업로드되는 내용은 없습니다. 페이지 로드 후 오프라인에서 작동합니다.

네. 미리보기어는 GFM을 완전히 지원합니다 — 정렬이 있는 파이프 표, 체크박스가 있는 작업 목록(- [x]와 - [ ]), ~~이중 물결표~~ 취소선, 구문 강조가 있는 코드 블록, 자동 링크 및 HTML 태그.

네. ```mermaid 코드 블록 안에 다이어그램을 넣으면 미리보기 패널에서 SVG로 실시간 렌더링됩니다. 지원되는 다이어그램 유형: 플로우차트, 시퀀스 다이어그램, 클래스 다이어그램, 상태 다이어그램, ER 다이어그램, 파이 차트, 간트 차트, Git 그래프.

네. $E = mc^2$와 같은 인라인 수식과 $$…$$ 구분 기호 사이의 블록 수식이 KaTeX로 렌더링됩니다. KaTeX는 빠르며(네트워크 요청 없음, 로컬 실행) LaTeX 수학 표기법의 대부분을 지원합니다.

네. 코드 블록은 180개 이상의 프로그래밍 언어를 지원하는 highlight.js로 구문 강조됩니다. 시작 펜스 뒤에 언어 힌트를 추가하면 — 예: ```js, ```python, ```sql — 적절한 색상 테마가 적용됩니다.

왼쪽 편집기에 Markdown을 붙여넣거나 입력하기만 하면 렌더링된 결과가 오른쪽에 즉시 나타납니다 — Visual Studio Code, 확장, 설치가 전혀 필요하지 않습니다.

VS Code에서 .md 파일을 열고 Ctrl+Shift+V(macOS에서는 Cmd+Shift+V)를 눌러 새 탭에서 Markdown 미리보기를 열거나, Ctrl+K 후 V를 눌러 나란히 표시합니다. VS Code 내장 미리보기는 CommonMark와 GFM을 지원하지만 확장 없이는 Mermaid 다이어그램이나 KaTeX 수식을 렌더링하지 않습니다.

Dillinger.io는 클라우드 동기화가 있는 탄탄한 온라인 Markdown 편집기입니다. 하지만 Mermaid 다이어그램, KaTeX 수식, 안전한 HTML 정리를 지원하지 않습니다. 또한 광고 지원 방식입니다. 이 도구는 Mermaid, LaTeX/KaTeX, DOMPurify 정리, URL 기반 공유, 오프라인 기능을 추가합니다.

StackEdit은 KaTeX와 Mermaid를 갖춘 강력한 Markdown 편집기입니다. 주요 트레이드오프는 Google 또는 GitHub 계정이 필요하고 문서를 클라우드에 저장하며 더 복잡한 인터페이스를 가지고 있다는 것입니다. 이 도구는 단순성과 프라이버시를 우선시합니다.

HackMD는 팀을 위한 강력한 협업 Markdown 플랫폼입니다. 하지만 모든 문서를 자체 서버에 저장하며(무료 문서는 기본적으로 공개 접근 가능), 계정 등록이 필요합니다. 이 도구는 URL을 통한 빠르고 프라이빗한 공유가 가능한 개인 사용을 위한 것입니다.

Typora는 독특한 원활한 편집 모드를 가진 유료 데스크톱 Markdown 편집기($14.99)입니다. 이 브라우저 기반 도구는 설치 없이 모든 OS에서 작동하며 구매가 필요하지 않습니다.

Obsidian은 설치가 필요하며 자체 Markdown 방언이 있습니다. Notion은 계정이 필요한 블록 기반 편집기를 사용합니다. 브라우저에서 빠른 Markdown 미리보기만 필요하다면 둘 다 이상적이지 않습니다.

Marked.js 데모는 Mermaid, KaTeX, 구문 강조, 도구 모음, 내보내기 또는 공유가 없는 기본 참조 구현입니다. 이 도구는 이러한 모든 기능을 갖춘 완전한 작성 인터페이스를 추가합니다.

네. 내보내기 → PDF 인쇄/저장을 사용하여 다이어그램, 수식, 강조 코드가 포함된 문서를 PDF로 렌더링합니다. 내보내기 → .html 다운로드를 사용하면 인라인 스타일이 있는 독립형 HTML 파일을 얻을 수 있습니다.

네. 파싱 후 생성된 HTML은 DOMPurify로 정리되어 위험한 구조 — <script> 태그, 인라인 이벤트 핸들러, javascript: URL — 가 제거됩니다. 신뢰할 수 없는 소스의 Markdown을 렌더링할 때도 미리보기는 안전합니다.

네. 공유를 클릭하면 도구가 전체 문서를 URL(LZ-string으로 압축)로 인코딩하고 링크를 클립보드에 복사합니다. 그 링크를 여는 사람은 편집기에 문서가 직접 로드됩니다 — 서버, 데이터베이스, 계정 불필요.

네. 편집기와 미리보기 패널은 양방향 동기화 스크롤을 제공합니다. 서식 도구 모음으로 굵게, 기울임꼴, 취소선, 인라인 코드, 제목, 목록, 인용, 링크, 이미지, 표, 코드 블록을 한 번의 클릭으로 삽입할 수 있습니다.

네. 열기를 클릭하거나 편집기 위에 파일을 드래그하면 .md, .markdown 또는 .txt 파일을 편집기에 직접 로드할 수 있습니다. 파일은 브라우저에 의해 로컬에서 읽힙니다 — 절대 업로드되지 않습니다.

파서는 CommonMark와 GFM 확장을 지원합니다: 제목, 강조, 굵게, 취소선, 가로줄, 인용, 글머리 기호 및 번호 목록, 작업 목록, 파이프 표, 강조가 있는 코드 블록, 인라인 코드, 링크, 이미지, 원시 HTML. 또한: ```mermaid 블록의 Mermaid 다이어그램, KaTeX를 통한 $…$와 $$…$$ LaTeX 수식, 각주.