마크다운 미리보기 (마크다운 → HTML)
마크다운을 실시간으로 렌더하고 HTML로 내보냅니다
마크다운
글자 0단어 0줄 0
입력한 글은 브라우저 밖으로 나가지 않습니다.
마크다운을 입력하면 결과가 여기에 표시됩니다.
쓰면서 바로 확인하는 마크다운
마크다운은 #·**·- 같은 간단한 기호로 서식을 표현하는 글쓰기 문법입니다. GitHub README, 티스토리·velog 같은 블로그, 각종 문서가 마크다운을 씁니다. 이 도구는 왼쪽에 쓴 마크다운을 실시간으로 렌더해 보여 주고, 필요하면 변환된 HTML 소스를 복사할 수 있게 합니다.
핵심 문법 빠르게
# 제목 ## 소제목
**굵게** *기울임* ~~취소선~~ `코드`
- 목록 1. 순서 목록
> 인용문
[링크](https://example.com)

--- (수평선)표도 지원합니다(GFM). |로 칸을 나누고 둘째 줄에 ---를 넣으면 표가 됩니다. :---·---:로 정렬도 정할 수 있습니다.
미리보기 vs HTML 소스
- 미리보기 — 마크다운이 실제로 어떻게 보일지 렌더된 모습으로 확인합니다.
- HTML 소스 — 변환된 HTML 코드를 복사해 웹페이지·메일·CMS에 붙여넣습니다.
안전: raw HTML 은 글자로만
마크다운 렌더러 중에는 입력에 섞인 <script> 같은 raw HTML을 그대로 실행하는 것도 있습니다. 이 도구는 변환 전에 꺾쇠·앰퍼샌드를 먼저 이스케이프하므로, HTML 태그를 넣어도 실행되지 않고 글자 그대로 보입니다. 마크다운 문법이 만들어 내는 태그만 살아 있는 HTML이 됩니다.
지원 범위와 한계
자주 쓰는 문법은 폭넓게 지원하지만, 완전한 CommonMark 구현은 아닙니다. 중첩 목록은 한 단계로 평면 처리하고, 참조 링크·각주·raw HTML 통과는 지원하지 않습니다. 기울임은 *만 씁니다(_는 snake_case를 깨지 않도록 강조로 보지 않습니다). 대부분의 블로그·문서 작성에는 충분하지만, 복잡한 문서는 결과를 한 번 확인하세요.
정리하면
- 쓰면서 실시간으로 렌더 확인, HTML 복사.
- raw HTML 은 이스케이프되어 안전. 마크다운 문법만 태그가 됩니다.
- 자주 쓰는 문법 중심의 경량 렌더러. 완전한 CommonMark 는 아닙니다.
자주 묻는 질문
- 무엇을 할 수 있나요?
- 마크다운으로 쓴 글을 실시간으로 HTML로 변환해 '미리보기'로 보여 주고, 'HTML 소스' 탭에서 변환된 HTML을 복사할 수 있습니다. 블로그·README·문서를 쓰기 전 결과를 확인하거나, 마크다운을 HTML로 내보낼 때 씁니다.
- 어떤 마크다운 문법을 지원하나요?
- 제목(#), 굵게(**), 기울임(*), 취소선(~~), 인라인 코드(`)와 코드블록(```), 링크·이미지, 인용(>), 순서·비순서 목록, 표(GFM), 수평선(---)을 지원합니다. 자주 쓰는 문법을 폭넓게 다루는 경량 렌더러입니다.
- 기울임에 밑줄(_)이 안 먹어요.
- 의도한 동작입니다. _는 file_name_here 같은 snake_case를 기울임으로 잘못 바꾸는 문제가 있어, 이 도구는 기울임을 별표(*)로만 처리합니다. *기울임*, **굵게**를 쓰세요.
- HTML 태그를 직접 써도 렌더되나요?
- 아닙니다. 입력에 <div>나 <script> 같은 raw HTML을 넣으면 실행·렌더되지 않고 글자 그대로 보입니다. 안전을 위해 꺾쇠·앰퍼샌드를 먼저 이스케이프하기 때문입니다. 순수 마크다운 문법만 HTML로 바뀝니다.
- 지원하지 않는 문법도 있나요?
- 중첩 목록(목록 안의 목록)은 한 단계로 평면 처리하고, 참조 링크·각주·raw HTML 통과는 지원하지 않습니다. 완전한 CommonMark 구현이 아니라, 자주 쓰는 문법에 집중한 경량 렌더러입니다.
- 입력한 글이 서버로 전송되나요?
- 아닙니다. 변환은 전부 브라우저 안에서 처리되고, 입력한 마크다운은 어디로도 전송·저장되지 않습니다.
비교 · 생성 도구 더 보기
텍스트 비교두 글을 줄 단위로 맞대어 추가·삭제·변경을 표시로렘입숨 생성레이아웃을 채울 라틴·한글 더미 텍스트를 만듭니다마크다운 표 생성붙여넣은 데이터를 정렬된 마크다운 표로 만듭니다인스타 폰트 변환입력을 볼드·필기체·동그라미 등 유니코드 글씨체로URL 슬러그 생성제목을 주소에 넣기 좋은 슬러그로 만듭니다인스타 줄바꿈·공백인스타가 지우는 빈 줄을 유지시킵니다비밀번호 생성기crypto 로 강력한 랜덤 비밀번호를 만듭니다UUID 생성기겹치지 않는 고유 식별자를 대량으로 생성모스 부호 변환텍스트를 점·선 부호로, 부호를 텍스트로 되돌립니다텍스트 뒤집기글자 순서·단어 순서·상하 반전을 한 번에특수문자 모음화살표·별·하트·괄호·기호를 눌러 바로 복사합니다랜덤 뽑기목록에서 무작위로 뽑거나 전체 순서를 섞습니다팀 나누기명단을 무작위로 섞어 균등한 팀으로 나눕니다사다리 타기참가자와 결과를 무작위 사다리로 짝지어 줍니다이모지 모음표정·하트·동물·음식 이모지를 눌러 바로 복사비밀번호 강도 검사엔트로피와 약점 패턴으로 비밀번호 강도를 진단