마크다운 미리보기

마크다운 미리보기는 마크다운(Markdown) 문법으로 작성한 텍스트를 실시간으로 HTML 렌더링 결과를 확인할 수 있는 온라인 에디터입니다. 마크다운은 2004년 존 그루버가 개발한 경량 마크업 언어로, 읽기 쉬운 텍스트 형식으로 작성하면 구조화된 HTML 문서로 변환됩니다. 개발자 문서, README 파일, 기술 블로그, 위키 등 다양한 곳에서 표준 문서 포맷으로 활용되고 있습니다.

이용 가이드

1. 왼쪽(또는 상단) 입력 영역에 마크다운 텍스트를 작성합니다.
2. 오른쪽(또는 하단) 미리보기 영역에서 렌더링 결과를 실시간으로 확인합니다.
3. '샘플 마크다운' 버튼으로 다양한 문법 예제를 불러올 수 있습니다.
4. 'HTML 복사' 버튼으로 변환된 HTML 코드를 클립보드에 복사합니다.
5. 'HTML 다운로드' 버튼으로 스타일이 포함된 완전한 HTML 파일을 다운로드합니다.
6. Tab 키로 들여쓰기를 삽입할 수 있어 코드 작성이 편리합니다.

핵심 기능

• 실시간 렌더링: 입력과 동시에 미리보기가 갱신되어 결과를 바로 확인 가능
• GFM 지원: GitHub Flavored Markdown의 테이블, 체크박스, 취소선 등 확장 문법 완벽 지원
• 코드 구문 강조: Highlight.js 기반으로 JavaScript, Python, HTML 등 180개 이상의 언어 하이라이팅
• 수식 렌더링: MathJax를 통한 LaTeX 수식 지원 (인라인 및 블록 수식)
• HTML 내보내기: 렌더링 결과를 완전한 HTML 파일로 다운로드하거나 HTML 코드 복사 가능
• 테마 전환: 미리보기 영역의 라이트/다크 테마를 개별 전환하여 다양한 배경에서 확인
• DOMPurify 보안: XSS 공격을 방지하기 위해 렌더링된 HTML을 자동으로 살균 처리

이런 상황에서 유용해요

• GitHub README 작성: 프로젝트 소개 문서를 미리 확인하며 작성
• 기술 문서 작성: API 문서, 설치 가이드 등 개발 문서를 작성하고 검토
• 블로그 포스트: 마크다운 기반 블로그 플랫폼에 올릴 글을 미리보기
• 수학/과학 문서: LaTeX 수식이 포함된 학술 자료나 강의 노트 작성
• 회의록/메모: 구조화된 메모를 빠르게 작성하고 공유

궁금한 점 모음