마크다운 미리보기

Heading 1


Heading 2


Heading 3

This is a paragraph with bold and italic text.

  • List item 1

  • List item 2

  • List item 3

  • Numbered item 1

  • Numbered item 2

inline code

const hello = "world";
console.log(hello);

Blockquote text

Link text

| Column 1 | Column 2 |
|----------|----------|
| Cell 1 | Cell 2 |

최종 수정:

도구 소개

Markdown 미리보기 도구는 CommonMark / GitHub Flavored Markdown을 실시간 HTML로 렌더링해, README, 블로그 글, 문서를 푸시하기 전에 실제 모양을 확인할 수 있게 해줍니다. Markdown은 기술 문서의 공용 언어입니다 — 모든 코드 저장소, 이슈 트래커, 최신 문서 플랫폼이 지원합니다 — 그래서 빠른 미리보기로 게시 후 수정 사이클을 줄일 수 있습니다.

사용 방법

  1. 왼쪽 에디터에 Markdown을 입력하거나 붙여넣습니다.
  2. 오른쪽 미리보기가 실시간으로 갱신됩니다.
  3. 표준 문법을 사용합니다: # 헤딩, **굵게**, `code`, ``` 코드블록 ```, [링크](#).
  4. Copy HTML 버튼으로 렌더링된 HTML을 복사해 CMS, 이메일 등에 활용합니다.
  5. 레이아웃이 만족스러우면 Markdown 원본을 저장소에 커밋합니다.

주요 사용 사례

  • GitHub/GitLab에 푸시하기 전 README 초안 작성
  • Hugo, Astro 같은 정적 사이트 생성기용 블로그 글 미리보기
  • GitHub Releases에 붙여넣을 릴리스 노트 작성
  • Pull Request 설명이 정상 렌더링되는지 확인
  • 뉴스레터용 HTML 이메일을 Markdown 원본에서 생성
  • 문서 PR을 열기 전 페이지 미리보기

자주 묻는 질문

Q. GitHub의 task list 같은 확장 문법을 지원하나요?

A. 체크박스, 펜스드 코드 블록, autolink, 테이블 등 기본 GFM 기능을 지원합니다. 알림(blockquote alerts), mermaid 다이어그램 등 플랫폼 종속 기능은 GitHub에서 다르게 보일 수 있습니다.

Q. 코드 블록의 문법 하이라이팅이 사라지는 이유는?

A. 미리보기는 구조만 렌더링합니다. GitHub, Gitea, 정적 사이트 생성기는 별도의 하이라이팅 테마를 추가로 적용합니다.

Q. 수식(LaTeX)도 렌더링할 수 있나요?

A. 기본 미리보기에서는 지원하지 않습니다. KaTeX/MathJax를 통합한 Markdown 프로세서가 있으니 타깃 플랫폼이 지원하는지 먼저 확인하세요.

Q. 입력이 서버로 전송되나요?

A. 아닙니다. Markdown 파싱과 렌더링 모두 브라우저 안에서만 수행됩니다.