마크다운 미리보기
Markdown → HTML 실시간 미리보기, 반대로 HTML → Markdown 변환도 지원
Markdown 이 끝나고 HTML 이 시작되는 곳
- 소스 안의 인라인 HTML 은 살균 후 렌더 — 스크립트·이벤트 핸들러·위험 URL 은 미리보기 DOM 에 닿지 않습니다.
- 표·언어 지정 코드 펜스·작업 목록은 대부분 사이트가 실는 CommonMark/GFM 방언을 따릅니다.
- 미리보기는 타이핑에 맞춰 갱신; 아무것도 브라우저 밖으로 나가지 않고 초안은 비공개로 남습니다.
프로덕션처럼 그리면서 안전하게
렌더링 결과 확인
6단계까지의 제목, 굵게, 기울임, 링크, 이미지, 번호·불릿 목록, 인용구, 펜스 코드 블록이 입력하는 순간 소스 옆에 렌더링됩니다.
HTML을 Markdown으로
어느 웹 페이지에서든 복사한 마크업을 붙여 넣으면 역변환이 제목, 링크, 이미지, 코드 블록을 깨끗한 Markdown으로 되돌리고, 스크립트·스타일·주석은 그 과정에서 버립니다.
완성된 HTML을 가져가세요
렌더링된 미리보기는 CMS나 이메일에 바로 붙여 넣을 수 있는 HTML로 복사되고, Markdown 쪽은 일반 텍스트 소스를 내보냅니다. 샘플 문서로 두 패널을 한 번에 채워 볼 수 있습니다.
자주 묻는 질문
Markdown 전체 사양(표, 각주 등)을 지원하나요?
제목, 굵게/기울임, 링크, 이미지, 목록, 인용구, 코드 블록/인라인 코드, 구분선 등 대부분의 사람들이 일상적으로 사용하는 일반적인 CommonMark 범위를 다루지만, 전체 사양(표나 각주는 아직 지원하지 않음)은 아닙니다.
HTML → Markdown 변환 품질은 어느 정도인가요?
"웹페이지에서 복사한" 텍스트에 실제로 포함되는 태그(제목, 문단, 링크, 이미지, 굵게/기울임, 목록, 코드, 인용구)를 잘 처리합니다. 특이하거나 깊이 중첩된 마크업은 완벽하게 변환되지 않을 수 있습니다 — 완전한 HTML 파서가 아니라 일반적인 사례를 위해 만들어졌습니다.
입력한 텍스트가 어딘가로 업로드되나요?
아니요. 변환은 작은 자체 제작 변환기를 사용해 전적으로 브라우저 안에서 이루어집니다. 입력한 내용이 서버로 전송되는 일은 전혀 없습니다.
관련 도구
마크다운 미리보기란 무엇인가요?
마크다운을 쓰면 제목, 목록, 링크, 강조 같은 서식을 평범한 텍스트에 눈에 거슬리지 않는 기호 몇 개로 표현할 수 있습니다. 거의 모든 개발자 플랫폼, 메모 앱, CMS가 이 형식을 지원하지만, 독자가 보는 것은 원본 문법이 아니라 렌더링된 결과입니다. 마크다운 미리보기는 작성 중인 소스를 서식 있는 HTML로 실시간 렌더링해 주므로, 추측 대신 결과를 확인하며 쓸 수 있습니다. 반대 방향도 지원합니다. 어떤 웹페이지에서 복사한 HTML을 붙여넣으면 깔끔한 마크다운으로 돌려받을 수 있어서, 서로 다른 형식 체계 사이에서 콘텐츠를 옮길 때 빠른 방법이 됩니다.
렌더링·변환하는 내용
- 👁️ 제목, 굵게, 기울임, 링크, 이미지, 목록의 실시간 미리보기
- 🧱 언어 표시가 있는 펜스 코드 블록과 인용 블록
- 🔁 역방향 모드: 붙여넣은 HTML을 깨끗한 마크다운으로 변환
- 🧹 HTML 모드는 소스의 script, 스타일, 주석을 제거
- 📋 출력 복사 또는 다운로드하여 재사용
작업 흐름에 맞는 곳
- 커밋 전에 README나 GitHub 이슈 작성
- 웹페이지의 서식 있는 콘텐츠를 블로그용 마크다운으로 변환
- 뉴스레터나 문서 페이지의 실제 표시 확인
- 복사한 HTML을 휴대 가능한 순수 텍스트로 정화
변환기는 브라우저 안에서 실행되는 작은 자체 완결형 라이브러리이며 아무것도 업로드되지 않습니다. 일반적인 마크다운 하위 집합을 다루며, 매우 드문 문법은 렌더링되지 않을 수 있습니다. 역방향 변환은 웹페이지에서 복사할 때 흔히 얻는 태그들을 대상으로 합니다.
마지막 업데이트 · 2026-09-01