마크다운 미리보기
📋 포맷/변환마크다운 문법을 작성하면서 HTML 결과를 실시간으로 확인합니다.
마크다운 미리보기
기본 문법
굵게 또는 굵게
기울임 또는 기울임
취소선
목록
- 항목 1
- 항목 2
링크와 이미지
코드
인라인 코드
const hello = "world";
console.log(hello);인용
인용문입니다.
여러 줄도 가능합니다.
표
| 헤더 1 | 헤더 2 |
|---|
| 셀 1 | 셀 2 |
| 셀 3 | 셀 4 |
📝 마크다운 미리보기란?
마크다운을 실시간으로 HTML로 변환해 미리보고 복사합니다. 마크다운은 텍스트 기반의 경량 마크업 언어로, GitHub README, 블로그 포스트, 기술 문서에서 널리 사용됩니다. 변환된 HTML은 그대로 복사해 웹사이트·블로그·이메일에 붙여넣을 수 있습니다.
📋 지원하는 마크다운 문법
# 제목헤더 (h1~h3)
**굵게**볼드
*기울임*이탤릭
- 항목목록
[텍스트](url)링크
```코드```코드 블록
💡 마크다운 활용 팁
- GitHub README 작성 시 프로젝트 설명, 설치 방법, 사용법을 구조화
- 기술 블로그에서 코드 스니펫과 함께 문서 작성
- Notion, Obsidian 등 노트 앱에서 빠른 문서 작성
- HTML 변환 후 이메일이나 웹페이지에 활용
💡 실무 팁
줄바꿈은 스페이스 2개 + 엔터로 처리하세요. 일반 엔터는 같은 문단으로 합쳐집니다. 또한 ```언어명 형식으로 코드블록을 열면 자동 신택스 하이라이팅이 적용됩니다.
자주 묻는 질문
모든 마크다운 문법이 지원되나요?▼
기본 문법(제목, 굵게, 기울임, 목록, 링크, 코드, 인용, 표)은 모두 지원됩니다. 일부 확장 문법(체크박스, 수식 등)은 부분적으로 지원됩니다.
HTML 복사 기능은 어떻게 사용하나요?▼
미리보기 영역 우측 상단의 "HTML 복사" 버튼을 클릭하면 변환된 HTML 코드가 클립보드에 복사됩니다. 이를 웹사이트 소스에 바로 붙여넣을 수 있습니다.
GitHub 마크다운과 완전히 동일한가요?▼
GitHub Flavored Markdown(GFM)의 핵심 문법은 대부분 지원하지만, GitHub 전용 기능(이슈 링크, 멘션 등)은 지원하지 않습니다.