마크다운 미리보기 도구
마크다운을 입력하거나 붙여넣으면 렌더링된 HTML 미리보기를 바로 옆에서 실시간으로 확인하세요. 모두 브라우저 안에서 이루어집니다.
🔒 브라우저에서 로컬로 처리됩니다
Loading…
사용 방법
- 왼쪽(모바일에서는 위쪽)의 "마크다운" 상자에 마크다운을 입력하거나 붙여넣으세요.
- 입력하는 즉시 오른쪽(모바일에서는 아래쪽)의 렌더링된 HTML 미리보기가 실시간으로 갱신됩니다 — 별도로 누를 버튼이 없습니다.
- 제목, 굵게/기울임 텍스트, 목록, 링크, 인용구, 코드 블록 모두 읽기 좋은 기본 스타일로 표시됩니다.
- "초기화"를 클릭하면 마크다운 입력 내용과 미리보기가 모두 지워지고 처음부터 다시 시작할 수 있습니다.
기능
- 입력하는 즉시 갱신되는 나란히 보는 실시간 Markdown-to-HTML 미리보기
- 제목, 굵게/기울임, 목록, 링크, 인용구, 코드 블록 지원
- 널리 쓰이는 marked 라이브러리를 기반으로 GitHub Flavored Markdown 방식의 안정적인 파싱 제공
- 100% 클라이언트 사이드 — 마크다운이 브라우저를 벗어나지 않습니다
- 회원가입도, 파일 업로드도 필요 없이 입력하는 즉시 결과를 확인할 수 있습니다
자주 묻는 질문
제 마크다운이 어딘가로 전송되나요?
아니요. 마크다운 미리보기 도구는 브라우저 안에서만 작동합니다 — 마크다운은 로컬에서 HTML로 변환되며 서버로 업로드되는 일은 없습니다.
어떤 마크다운 문법을 지원하나요?
이 미리보기는 marked 라이브러리를 기반으로 하며, CommonMark 규격을 따르면서 표, 펜스 코드 블록, 취소선 같은 GitHub Flavored Markdown 스타일의 확장 문법도 지원합니다. 일상적으로 사용하는 마크다운의 대부분을 다룹니다.
README 파일이나 문서를 작성할 때 사용할 수 있나요?
네. 커밋하거나 다른 곳에 게시하기 전에 README, 블로그 글, 문서가 어떻게 보일지 확인하기에 좋은 방법입니다.
표와 이미지도 지원하나요?
네, 표와 이미지 모두 파싱되어 렌더링됩니다. 다만 이미지 태그는 참조한 이미지 URL이 공개적으로 접근 가능할 때만 표시됩니다. 브라우저에서는 아무것도 업로드되지 않기 때문입니다.
왜 미리보기 HTML이 일반 텍스트가 아니라 그대로 렌더링되나요?
실제 HTML을 그대로 렌더링하는 것이 실시간 미리보기의 목적이기 때문입니다 — 게시했을 때 마크다운이 실제로 어떻게 보일지 정확히 보여줍니다. 이 모든 과정은 로컬에서만 이루어지며, 결과는 오직 사용자 본인만 볼 수 있습니다.