tool hub 도구 모음

마크다운 미리보기

마크다운을 입력하면 바로 HTML 미리보기를 봅니다. 제목·굵게·목록·코드·링크를 지원합니다.

브라우저에서 처리 회원가입 없음 무료 사용


마크다운 미리보기

값을 입력한 뒤 계산하기를 눌러주세요.

제목·굵게·기울임·목록·코드·링크를 지원합니다. 입력은 서버로 전송되지 않습니다.

사용 방법

  1. 마크다운 칸에 제목, 목록, 링크를 작성합니다. 입력을 바꿀 때마다 아래 미리보기가 바로 갱신됩니다.
  2. # 제목, **굵게**, *기울임*, - 목록, 숫자 목록, 인라인 코드, ``` 코드 블록, [텍스트](https://…) 링크를 쓸 수 있습니다.
  3. 링크는 http/https만 새 탭으로 열리게 변환됩니다.
  4. 표, 각주, 체크박스, 이미지 문법은 이 경량 변환에 없습니다.
  5. 초기화로 입력을 비우면 미리보기도 안내 문구로 돌아갑니다. 내용은 저장되지 않습니다.
  6. 긴 README를 붙여 제목 계층과 목록이 의도대로인지 스크롤해 확인한 뒤, 원문을 에디터에 복사하세요. 표 문법은 이 미리보기에서 지원하지 않습니다.

핵심 개념

마크다운 미리보기는 원문을 먼저 HTML 이스케이프한 뒤, 일부 문법만 태그로 바꿉니다. 입력에 스크립트나 임의 태그를 넣어도 실행되지 않도록 한 경량 변환입니다. CommonMark·GitHub Flavored Markdown 전체를 구현하지 않았고, 표·각주·체크박스·이미지 문법은 없습니다. 메모, README 초안, 이슈 본문을 눈으로 확인할 때 씁니다.

제목은 # 1–6, 굵게는 **__, 기울임은 *_, 목록은 - 또는 숫자, 코드는 백틱과 ``` 블록입니다. 링크는 http/https만 새 탭으로 엽니다. 코드 블록을 닫지 않으면 끝까지 코드로 묶입니다. 입력을 바꿀 때마다 바로 렌더되며 저장·전송은 없습니다. GitHub README의 표나 체크박스는 이 미리보기에서 깨져 보일 수 있으니 최종 확인은 저장소나 CMS 미리보기로 하세요.

예시

# 제목 다음 줄에 굵게와 인라인 코드, - 항목, [예](https://example.com)를 넣으면 미리보기에 제목·강조·글머리·링크가 나타납니다. 파이프 표 문법은 일반 문단으로 남고, <script>를 적어도 태그로 실행되지 않고 문자로 보입니다. 이슈 본문을 붙여 제목 단계가 한 단계씩 내려가는지 스크롤로 확인한 뒤 원문을 복사하면 됩니다. 링크는 https만 새 탭으로 열립니다.

자주 묻는 질문

마크다운 미리보기는 입력할 때마다 바뀌나요?

네. 입력 이벤트로 즉시 렌더링합니다. 별도 실행 버튼은 없고 초기화만 있습니다.

HTML을 직접 넣으면 실행되나요?

태그는 먼저 이스케이프되어 문자로 보입니다. 임의 스크립트가 실행되지 않도록 한 경량 변환입니다.

GFM 표·체크박스도 되나요?

아니요. 제목·강조·목록·코드·http(s) 링크 중심입니다. 파이프 표와 작업 목록 문법은 일반 문단으로 남을 수 있습니다.

마크다운 코드 블록 언어 강조는?

구문 강조는 없습니다. 내용은 pre로만 보여 주므로 언어 이름은 장식에 가깝습니다.

작성한 마크다운이 저장되나요?

아니요. 페이지를 닫거나 초기화를 누르면 사라집니다. 원문은 로컬 에디터에 따로 복사해 두세요.

이미지 문법 ![alt](url)은?

지원하지 않아 원문에 가깝게 이스케이프된 텍스트로 남을 수 있습니다. 링크 문법은 https URL만 새 탭으로 엽니다. 관련: HTML 엔티티 변환 · 텍스트 비교 · 글자수 세기

마크다운 미리보기 대표 이미지
입력 내용은 서버로 전송되지 않으며, 페이지를 닫으면 사라집니다.

최종 검토일: 2026년 9월 4일