마크다운 미리보기

사용법

1. 마크다운을 넣으면 바로 렌더링됩니다. 무엇을 누를 필요가 없습니다.
2. HTML 소스 탭에서 변환 결과를 보고 복사할 수 있습니다.
3. 문법이 헷갈리면 예시 넣기로 전체 문법을 한눈에 보고 고쳐 쓰세요.
4. 줄바꿈 하나가 실제 줄바꿈으로 처리됩니다(GitHub와 같은 방식).

자주 쓰는 마크다운 문법

자주 묻는 질문

어떤 마크다운 문법을 지원하나요?

GitHub 스타일(GFM)을 따릅니다. 제목·목록·표·코드블록·인용·링크·이미지·구분선을 지원하고, 줄바꿈 하나도 실제 줄바꿈으로 처리합니다. 다만 GitHub 고유 기능인 이슈 번호 자동 링크나 이모지 단축코드(:smile:)는 지원하지 않습니다.

마크다운에 HTML을 직접 써도 되나요?

문법상 허용되지만 이 도구는 위험한 부분을 걸러 냅니다. script 태그, onclick 같은 이벤트 속성, javascript: 링크는 제거됩니다. 마크다운이 원시 HTML을 그대로 통과시키는 문법이라 소독 없이 화면에 그리면 스크립트 삽입 취약점이 되기 때문입니다.

표가 깨져 보입니다.

표는 머리글 줄 바로 아래에 구분선(|---|---|)이 있어야 합니다. 정렬은 구분선에 콜론을 붙여 지정합니다. 왼쪽은 |:---|, 가운데는 |:---:|, 오른쪽은 |---:| 입니다. 셀 안에 파이프(|)를 넣으려면 역슬래시로 이스케이프하세요.

변환한 HTML을 그대로 써도 되나요?

됩니다. HTML 소스 탭에서 복사해 쓰세요. 다만 클래스나 스타일이 붙지 않은 순수 HTML이라, 붙여넣는 곳의 CSS에 따라 보이는 모습은 달라집니다.

입력한 내용이 서버로 전송되나요?

전송되지 않습니다. 브라우저 안에서만 변환하며 페이지를 새로 고치면 사라집니다.

함께 쓰면 좋은 도구