Markdown 미리보기 | 실시간 HTML 렌더링 (GFM 지원)
마크다운(Markdown) 문법을 실시간으로 렌더링하고 결과 HTML을 즉시 복사하세요. 표, 체크리스트, 코드 하이라이트, LaTeX 수식, 각주, details/summary 등 GFM 확장 문법을 지원합니다.
이 도구 사용 방법
- 1
위 입력창에 마크다운 문법으로 텍스트를 작성하세요.
- 2
아래에서 실시간으로 HTML로 변환된 결과를 확인할 수 있습니다.
- 3
표, 목록, 코드 블록, 이미지, 링크 등을 입력해보세요.
- 4
미리보기는 표, 체크리스트, 코드 하이라이트, LaTeX 수식, 각주, details/summary 접기까지 지원합니다.
- 5
'샘플 보기' 버튼으로 다양한 예시를 불러와 문법을 학습할 수 있습니다.
- 6
렌더링된 HTML을 복사하거나 파일로 다운로드하세요.
사용 사례 및 예시
GitHub README 및 기술 문서 작성
README.md, 프로젝트 문서를 작성하고 렌더링 결과를 즉시 확인할 수 있습니다.
블로그 포스트 작성
블로그나 기술 포스트를 작성하면서 실시간으로 결과를 확인합니다.
문법 학습 및 실습
샘플 문법을 통해 마크다운과 GFM 문법을 학습하고 연습할 수 있습니다.
HTML 변환 및 활용
작성한 마크다운을 HTML5 형식으로 변환해 웹사이트나 앱에 적용합니다.
마크다운과 GFM 설명
Markdown은 존 그루버(John Gruber)가 만든 경량 마크업 언어로, HTML로 손쉽게 변환됩니다.
GitHub Flavored Markdown(GFM)은 표, 체크리스트, 이모지, 코드 블록 등을 확장 지원합니다.
이 도구는 KaTeX 기반 수식, 코드 하이라이트, 각주, details/summary 접기 등을 포함해도 안전하게 렌더링하도록 GFM 호환 파서와 HTML 살균(sanitizing)을 수행합니다.
자주 묻는 질문
Q.GitHub 스타일 마크다운도 되나요?
A. 네, GitHub Flavored Markdown(GFM)을 완벽히 지원합니다. 표, 코드 블록, 체크리스트, 링크, 이모지 등이 가능합니다.
Q.이미지나 링크는 어떻게 표시되나요?
A. 이미지와 링크는 미리보기에서 바로 렌더링됩니다. 외부 리소스 로드는 브라우저 정책에 따라 제한될 수 있습니다.
Q.HTML 태그를 사용할 수 있나요?
A. 일부 HTML 태그는 보안상 필터링됩니다. 안전한 마크다운 문법을 사용하는 것이 좋습니다.
Q.코드 블록은 어떻게 표시되나요?
A. ```js```나 ```python```처럼 코드 블록에 언어를 지정하면 자동으로 문법 하이라이팅이 적용됩니다.
관련 도구
더 많은 개발자 도구를 둘러보세요
텍스트 줄바꿈기 | 워드 래핑 & 고정 열 너비
고정 폭으로 워드 래핑, 문단 유지, 긴 단어 처리 지원.
글자 수 세기 | 글자·단어·문장·문단 실시간 분석
글자·단어·문장·문단 수 및 읽기 시간 실시간 계산.