이 도구에 대해
마크다운 프리뷰란?
마크다운 문법으로 작성한 텍스트를 실시간으로 미리보기 하는 도구입니다. GitHub README, 블로그 포스팅, 문서 작성 시 마크다운 렌더링 결과를 즉시 확인할 수 있습니다.
사용 방법
- 왼쪽 편집기에 마크다운 형식으로 텍스트를 입력합니다.
- 오른쪽 미리보기 영역에 렌더링 결과가 실시간으로 표시됩니다.
- 제목(#), 굵게(**), 목록(-), 링크([]) 등 마크다운 문법을 사용합니다.
주요 기능
- 실시간 마크다운 렌더링
- 좌우 분할 편집기/미리보기
- 주요 마크다운 문법 지원
- 코드 블록 및 표 렌더링
팁
- 제목은 # 하나(H1)부터 ###### 여섯 개(H6)까지 사용할 수 있습니다.
- 코드 블록은 백틱(```) 세 개로 감싸고 언어명을 지정합니다.
- 이미지는  형식으로 삽입합니다.
마크다운 프리뷰
마크다운을 실시간으로 미리보기합니다
Hello World
This is a Markdown preview tool.
Features
- Real-time preview
- Bold, italic,
code
Code Block
console.log("Hello!");
Blockquote example
- First item
- Second item
자주 묻는 질문
어떤 마크다운 문법을 지원하나요?▼
제목(#), 굵게(**텍스트**), 기울임(*텍스트*), 링크([텍스트](url)), 이미지(), 순서/비순서 목록, 인용문(>), 코드 블록(```), 표, 수평선(---), 체크리스트(- [x]) 등 표준 마크다운을 지원합니다. CommonMark 사양을 따릅니다.
미리보기가 XSS 공격으로부터 안전한가요?▼
네. 미리보기는 DOMPurify로 살균 처리되어 렌더링 전에 잠재적으로 위험한 HTML, JavaScript, 이벤트 핸들러가 제거됩니다. 신뢰할 수 없는 소스의 마크다운도 스크립트 삽입이나 XSS 공격 위험 없이 안전하게 미리볼 수 있습니다.
마크다운 안에 HTML을 사용할 수 있나요?▼
기본적인 HTML 태그는 마크다운에서 허용되며 미리보기에 렌더링됩니다. 다만 script 태그, 이벤트 핸들러(onclick 등), 잠재적으로 위험한 요소는 보안을 위해 살균기에 의해 제거됩니다. <br>, <sup>, <sub>, <details> 등 일반적인 태그는 정상 작동합니다.