Markdown Viewer

마크다운 뷰어

마크다운을 입력하면 실시간으로 HTML 미리보기를 보여 드립니다. 표·코드 블록·체크박스까지 지원합니다.

마크다운 입력

0단어
0글자
0읽기(분)
0제목

마크다운을 입력하세요.

미리보기

주요 기능

  • 제목·목록·표·인용·코드 블록
  • 실시간 미리보기와 HTML 소스
  • GitHub 스타일 체크박스

사용 안내

  • 입력과 동시에 자동 렌더링
  • HTML로 복사하거나 저장 가능
  • 모든 처리는 브라우저에서만

관련 도구

마크다운 뷰어는 마크다운 문서를 입력하는 즉시 렌더링 결과를 나란히 보여 주는 도구입니다. 제목, 목록, 링크, 이미지, 코드 블록 같은 핵심 문법이 실제로 어떻게 표시되는지 확인하면서 쓸 수 있고, 완성된 결과는 HTML로 복사하거나 파일로 저장할 수 있습니다.

GitHub README, 블로그 초안, 개발 문서처럼 마크다운으로 쓰는 글을 게시 전에 미리 확인하는 용도로 적합합니다. 모든 렌더링은 브라우저에서 처리됩니다.

사용 방법

  1. 왼쪽 입력창에 마크다운을 직접 쓰거나 붙여 넣습니다. 샘플 불러오기로 문법 예시를 볼 수 있습니다.
  2. 입력과 동시에 오른쪽에 렌더링 결과가 갱신됩니다.
  3. 완성되면 HTML 복사로 렌더링 결과를 가져가거나, HTML 파일로 저장합니다.
  4. 원본이 필요하면 마크다운 복사 버튼을 사용합니다.

이런 곳에 활용해 보세요

GitHub README 미리보기
커밋하기 전에 README가 의도대로 렌더링되는지 확인할 수 있습니다.
블로그 · 문서 초안
마크다운으로 쓴 초안을 HTML로 변환해 블로그 편집기나 CMS에 붙여 넣을 수 있습니다.
마크다운 문법 연습
샘플을 불러와 고치면서 문법이 결과에 어떻게 반영되는지 바로 확인할 수 있습니다.

알아두면 좋은 점

마크다운은 # 제목, **굵게**, - 목록, [링크](주소), ```코드 블록``` 처럼 간단한 기호로 서식을 표현하는 경량 마크업 언어입니다. 플랫폼마다 지원 문법이 조금씩 다르므로(GitHub의 표 문법 등), 최종 게시처에서 한 번 더 확인하는 것이 안전합니다.

자주 묻는 질문

어떤 문법을 지원하나요?

제목(#), 강조(**굵게**, *기울임*), 목록, 링크, 이미지, 인용, 코드 블록 등 일반적으로 쓰이는 핵심 마크다운 문법을 렌더링합니다.

HTML로 저장하면 어디에 쓸 수 있나요?

렌더링된 HTML을 블로그 편집기, CMS, 이메일 편집기 등 HTML을 받는 곳에 붙여 넣을 수 있습니다. 스타일은 붙여 넣는 곳의 CSS를 따릅니다.

입력한 문서가 저장되나요?

아니요. 렌더링은 브라우저 안에서만 이루어지고 서버로 전송되지 않으며, 페이지를 닫으면 내용이 사라집니다. 작업 중인 긴 글은 별도로 보관하세요.

마크다운을 처음 배우는데 어디서 시작하나요?

샘플 불러오기를 눌러 기본 문법이 적용된 예시를 보고, 직접 고쳐 보면서 결과를 확인하는 것이 가장 빠릅니다.