마크다운 미리보기
최종 업데이트: 2026년 · 무료 온라인 도구
마크다운 미리보기란?
마크다운을 실시간 렌더링해 보여주고 HTML로 변환하는 무료 온라인 도구. 제목, 표, 코드 블록, 링크의 표시를 즉시 확인하며 README를 작성합니다.
사용 방법
- 1 마크다운 입력 — 왼쪽 편집기에 마크다운 텍스트를 입력하거나 붙여넣습니다.
- 2 실시간 프리뷰 — 오른쪽에 렌더링된 결과가 실시간으로 표시됩니다. 분할/프리뷰/HTML 모드를 전환할 수 있습니다.
- 3 HTML 복사 — HTML 복사 버튼으로 변환된 HTML 소스를 클립보드에 복사합니다.
관련 도구
텍스트 비교 도구 두 텍스트를 비교해 추가, 삭제, 변경된 줄을 시각적으로 보여주는 무료 온라인 도구입니다. Git과 같은 Myers diff 알고리즘으로 줄 단위 비교를 수행하고 줄 안의 변경을 강조하는 인라인 diff도 지원합니다.
문자열 길이/바이트 계산 문자열의 문자 수, UTF-8 및 UTF-16 바이트, 줄 수, 단어 수를 실시간으로 계산하는 무료 온라인 도구입니다. 이모지는 유니코드 코드포인트로 셉니다.
HTML 엔티티 변환 HTML 특수문자(<, >, &)를 안전한 엔티티로 인코딩하거나 엔티티를 원본 텍스트로 디코딩하는 무료 온라인 도구로 Named·Decimal·Hex 형식을 지원합니다
자주 묻는 질문
GitHub Flavored Markdown의 약자로, 표(table), 취소선(strikethrough), 작업 목록(task list) 등 표준 Markdown에 없는 확장 문법을 추가한 것입니다.
네, DOMPurify 라이브러리로 렌더링된 HTML을 정제합니다. script 태그, 이벤트 핸들러 등 위험한 요소는 자동으로 제거됩니다.
현재는 기본 코드 블록 스타일만 적용됩니다. 향후 Prism.js 또는 highlight.js 통합을 계획하고 있습니다.
네, 유효한 이미지 URL이면 프리뷰에서 실제 이미지가 표시됩니다. 다만 CORS 정책에 의해 일부 외부 이미지는 로드되지 않을 수 있습니다.
현재는 지원하지 않습니다. Mermaid 렌더링은 별도의 라이브러리 통합이 필요하며 향후 P2에서 검토 예정입니다.