MD to HTML 변환기 완벽 가이드
마크다운(Markdown)은 2004년 존 그루버(John Gruber)가 만든 경량 마크업 언어로, 읽기 쉬운 일반 텍스트 형식으로 문서를 작성하면 이를 구조적인 HTML로 변환할 수 있습니다. 현재 GitHub, GitLab, Notion, Obsidian, Jira, Confluence 등 수많은 플랫폼에서 표준 문서 포맷으로 채택하고 있으며, 개발자뿐 아니라 기술 문서 작성자, 블로거, 콘텐츠 크리에이터들이 널리 사용하고 있습니다.
이 MD to HTML 변환기는 별도의 라이브러리나 프로그램 설치 없이 브라우저에서 바로 마크다운을 HTML로 변환할 수 있는 무료 온라인 도구입니다. 순수 자바스크립트로 구현된 마크다운 파서가 입력된 마크다운 텍스트를 실시간으로 분석하여 정확한 HTML 코드를 생성합니다. 헤더(h1~h6), 볼드, 이탤릭, 취소선, 링크, 이미지, 코드블록, 인라인 코드, 순서 있는/없는 리스트, 인용문(blockquote), 테이블, 수평선 등 주요 마크다운 문법을 빠짐없이 지원합니다.
변환된 결과는 두 가지 모드로 확인할 수 있습니다. '미리보기' 모드에서는 실제 브라우저에서 렌더링된 HTML의 모습을 확인할 수 있고, '소스코드' 모드에서는 변환된 HTML 태그 코드를 직접 볼 수 있습니다. 소스코드는 클립보드에 복사하여 블로그, 이메일 뉴스레터, 웹사이트 제작 등에 바로 활용할 수 있습니다. 다크모드를 지원하여 야간 작업 시 눈의 피로를 줄여주며, 입력한 마크다운 텍스트는 로컬 스토리지에 자동 저장되어 페이지를 새로고침하거나 재방문해도 이전 작업 내용이 유지됩니다. SNS 공유 이미지 카드 생성 기능도 제공합니다.
지원하는 마크다운 문법
- 헤더: # ~ ###### (h1 ~ h6 지원)
- 텍스트 강조: **볼드**, *이탤릭*, ~~취소선~~
- 링크: [텍스트](URL) 형식
- 이미지:  형식
- 코드: `인라인 코드` 및 ``` 코드블록 ```
- 리스트: 순서 없는 리스트(-, *) 및 순서 있는 리스트(1.)
- 인용문: > 블록인용
- 테이블: 파이프(|) 기반 테이블
- 수평선: --- 또는 ***
자주 묻는 질문 (FAQ)
Q. 마크다운(Markdown)이란 무엇인가요?
A. 마크다운은 일반 텍스트로 서식이 있는 문서를 작성하는 경량 마크업 언어입니다. #으로 제목, **로 볼드, *로 이탤릭 등 간단한 기호를 사용하여 문서 구조를 표현하며, 이를 HTML로 변환하면 웹에서 표시할 수 있습니다. README 파일, 블로그 글, 기술 문서 작성 등에 널리 사용됩니다.
Q. 변환된 HTML을 블로그에 바로 사용할 수 있나요?
A. 네, 가능합니다. '소스코드' 뷰에서 변환된 HTML 코드를 복사한 뒤, 블로그의 HTML 편집 모드에 붙여넣기하면 됩니다. 워드프레스, 티스토리, 네이버 블로그 등 대부분의 블로그 플랫폼에서 HTML 편집을 지원합니다.
Q. 입력한 마크다운이 서버에 저장되나요?
A. 아닙니다. 모든 변환 과정은 브라우저 내에서 이루어지며, 서버로 전송되지 않습니다. 입력 내용은 브라우저의 로컬 스토리지에만 저장되어 다음 방문 시 복원되며, 초기화 버튼으로 언제든 삭제할 수 있습니다.
Q. GFM(GitHub Flavored Markdown) 문법도 지원하나요?
A. 테이블, 취소선(~~text~~), 코드블록(```) 등 GFM에서 자주 사용되는 확장 문법을 지원합니다. 체크리스트(- [ ]) 등 일부 고급 문법은 향후 업데이트에서 추가될 예정입니다.
Q. 모바일에서도 사용할 수 있나요?
A. 네, 반응형으로 설계되어 스마트폰과 태블릿에서도 편리하게 사용할 수 있습니다. 다크모드도 기기의 시스템 설정을 자동 감지하여 적용됩니다.