실시간 미리보기 지원 마크다운 HTML 변환기
마크다운(Markdown)을 사용하면 복잡한 HTML 태그 없이 간단한 기호만으로 텍스트 서식을 빠르게 지정할 수 있습니다. 웹사이트, 마크다운을 지원하지 않는 CMS, 이메일 템플릿, 미리보기가 필요한 README 파일 등 HTML 코드가 필요한 경우 이 변환기를 통해 즉시 변환해 보세요. 왼쪽에 마크다운을 입력하면 오른쪽에 렌더링된 결과나 깔끔한 HTML 코드가 실시간으로 표시됩니다. 모든 작업은 브라우저에서 바로 처리됩니다.
주요 기능
- 실시간 미리보기: 입력하는 즉시 결과가 업데이트됩니다.
- GitHub Flavored Markdown: 표, 작업 목록, 취소선, 자동 링크 및 코드 블록을 지원합니다.
- 선택적 줄바꿈: 단일 줄바꿈을
<br>태그로 변환할 수 있습니다. - 깔끔한 HTML 출력: 인라인 스타일이나 불필요한 래퍼(wrapper) 없이 어디에나 바로 붙여넣을 수 있는 깔끔한 코드를 제공합니다.
- 전체 페이지 다운로드: 가독성 좋고 심플한 스타일시트가 적용된 완전한 HTML 페이지로 다운로드할 수 있습니다.
- 안전한 미리보기: 스크립트를 차단하는 샌드박스 프레임에서 안전하게 미리보기를 제공합니다.
마크다운 문법 요약
| 마크다운 | 결과 |
|---|---|
# Heading 1 / ## Heading 2 |
제목 |
**bold** / *italic* |
굵게 / 기울임꼴 |
[link](https://example.com) |
링크 |
 |
이미지 |
- item 또는 1. item |
글머리 기호 또는 번호 매기기 목록 |
> quote |
인용문 |
`code` |
인라인 코드 |
위아래 줄에 ``` 입력 |
코드 블록 |
--- |
구분선 |
- [ ] task |
작업 목록 (GFM) |
~~text~~ |
취소선 (GFM) |
표는 파이프와 대시로 이루어진 구분선 행을 사용하여 작성합니다. 구분선 행의 콜론으로 열을 정렬합니다: :--- 왼쪽 정렬, :---: 가운데 정렬, ---: 오른쪽 정렬.
주요 활용처
- Markdown은 지원하지 않지만 HTML은 지원하는 블로그 및 CMS.
- 이메일 뉴스레터 — Markdown으로 작성한 후 변환된 HTML을 이메일 발송 도구에 붙여넣으세요.
- GitHub이나 GitLab에 푸시하기 전 README 및 문서 미리보기.
- Obsidian, Notion 내보내기 또는 기타 Markdown 앱의 노트를 웹페이지로 변환.
- 각 Markdown 문법이 어떤 HTML 태그로 변환되는지 확인하며 HTML 학습.
팁
- 단락, 목록, 제목 사이에 빈 줄을 띄워주세요. 의도치 않은 서식 오류를 방지할 수 있습니다.
- 중첩된 목록 항목은 항상 2칸 또는 4칸의 공백으로 일관되게 들여쓰기하세요.
- 코드 블록 시작 부분에 언어 이름을 추가하세요(예:
```js). 사이트의 구문 강조(Syntax Highlighter) 도구가 코드에 알맞은 색상을 적용해 줍니다.
텍스트의 단어 수를 확인하려면 단어 수 세기를 사용해 보세요. 구조화된 데이터의 경우, JSON 포매터를 사용하여 JSON 유효성을 검사하고 깔끔하게 정리할 수 있습니다.