Markdown을 입력하면 이곳에 미리보기가 표시됩니다.
Developer Utility
Markdown Preview
Markdown 문법을 입력하면 제목, 목록, 코드블록, 표, 인용문, 링크를 실시간으로 HTML 미리보기하고 변환 결과를 복사할 수 있습니다.
실시간 미리보기
Markdown 입력과 동시에 HTML 렌더링 결과를 확인할 수 있습니다.
문서 작성 보조
README, 블로그 초안, 개발 문서, 릴리즈 노트 작성에 활용할 수 있습니다.
HTML 변환·복사
변환된 HTML을 복사하거나 파일로 다운로드해 재사용할 수 있습니다.
Markdown 입력
왼쪽에 Markdown을 입력하면 오른쪽에서 HTML 미리보기를 확인할 수 있습니다.
Preview 렌더링
제목, 목록, 인용문, 코드블록, 표, 링크를 HTML 형태로 바로 확인합니다.
보안 필터링
미리보기 렌더링 시 위험한 script 태그와 이벤트 속성을 제거하도록 구성합니다.
Editor
Preview
대기 중
Markdown 활용 방식
Markdown은 간단한 문법으로 구조화된 문서를 빠르게 작성할 수 있어 개발 문서와 블로그 초안에 자주 사용됩니다.
README 문서
프로젝트 소개, 설치 방법, 사용법, 코드 예제를 Markdown으로 작성하고 미리볼 수 있습니다.
블로그 초안
제목, 목록, 인용문, 코드블록을 활용해 개발 블로그 글의 초안을 빠르게 정리할 수 있습니다.
HTML 변환
Markdown으로 작성한 내용을 HTML 형태로 변환해 웹페이지나 문서 편집에 활용할 수 있습니다.
도움말
Markdown Preview란?
Markdown Preview는 Markdown 문법으로 작성한 텍스트를 HTML 형태로 실시간 미리보기할 수 있는 개발자 문서 작성 유틸리티입니다.
README.md, GitHub 문서, 블로그 초안, 개발 노트, 릴리즈 노트, API 문서 작성 시 결과 화면을 빠르게 확인할 수 있습니다.
지원 문법
- 제목: #, ##, ###
- 목록: -, *, 1.
- 강조: **굵게**, *기울임*
- 코드: 인라인 코드, 코드블록
- 링크, 인용문, 표
Markdown은 어디에 많이 사용되나요?
Markdown은 GitHub README, 개발 문서, 블로그 초안, 프로젝트 가이드, 릴리즈 노트, API 문서처럼 구조가 필요한 텍스트 작성에 많이 사용됩니다.
코드블록은 어떻게 작성하나요?
백틱 3개를 사용해 코드블록을 만들 수 있습니다. 예를 들어 ```js로 시작하고 코드를 작성한 뒤 다시 백틱 3개로 닫으면 됩니다.
표는 어떻게 작성하나요?
파이프 문자 |와 구분선 ---을 사용해 표를 만들 수 있습니다. 첫 줄은 헤더, 두 번째 줄은 구분선, 그 아래부터 데이터 행으로 작성합니다.
HTML 복사는 어디에 활용하나요?
변환된 HTML은 웹페이지 편집, 블로그 에디터, 문서 편집기, 템플릿 작업에 활용할 수 있습니다. 다만 서비스마다 허용하는 HTML 태그가 다를 수 있으므로 적용 후 화면을 확인하는 것이 좋습니다.
위험 HTML 제거 옵션은 무엇인가요?
Markdown 안에 포함된 script 태그나 이벤트 속성 같은 위험 요소를 제거해 미리보기 영역에서 실행되지 않도록 하는 옵션입니다.
민감한 내용을 입력해도 되나요?
이 도구는 브라우저에서 Markdown을 미리보기하는 용도입니다. 그래도 API 키, 비밀번호, 개인정보, 내부 문서 내용은 입력 전에 제거하거나 마스킹하는 것을 권장합니다.