마크다운 미리보기
마크다운을 작성하고 렌더링된 HTML 미리보기를 나란히 확인합니다
마크다운 미리보기이란?
마크다운 미리보기는 마크다운을 작성하면서 렌더링된 HTML 미리보기를 나란히 실시간으로 확인할 수 있는 무료 온라인 도구입니다. 마크다운은 README 파일, 문서, 블로그 포스트, 기술 문서 작성에 널리 사용되는 경량 마크업 언어입니다. 제목, 굵게, 기울임, 링크, 이미지, 코드 블록, 목록, 표, 인용문, 수평선 등 표준 마크다운 기능을 지원합니다. 에디터에 입력하면 미리보기가 즉시 업데이트되어, 마크다운이 렌더링되었을 때 어떻게 보이는지 실시간 피드백을 제공합니다. 서버로 데이터가 전송되지 않아 민감한 문서에도 안전합니다.
사용 방법
- 왼쪽 입력란에 마크다운을 작성하세요.
- 오른쪽에 렌더링된 HTML 미리보기가 실시간으로 표시됩니다.
- 제목, 굵게, 기울임, 목록, 코드 블록 등을 사용할 수 있습니다.
팁 & 모범 사례
- 나란히 보기를 사용하여 입력하면서 변경 사항을 즉시 확인하세요.
- 언어 식별자가 포함된 펜스드 코드 블록(```python)을 사용하면 구문 강조된 코드를 볼 수 있습니다.
- 커밋하기 전에 여기서 README.md 콘텐츠를 미리보기하여 GitHub에서 올바르게 렌더링되는지 확인하세요.
- 마크다운이 제공하는 것보다 복잡한 표 서식이 필요하면 HTML 표를 사용하세요.
- 게시 전에 링크 서식과 이미지 참조를 테스트하여 끊어진 링크를 발견하세요.
활용 사례
문서 작성
README 파일, API 문서, 프로젝트 문서를 작성하고 미리보기합니다.
블로그 작성
CMS에 게시하기 전에 마크다운으로 블로그 포스트 초안을 실시간 미리보기와 함께 작성합니다.
기술 노트
코드 예제가 포함된 서식 있는 기술 노트와 가이드를 만듭니다.
GitHub/GitLab
제출하기 전에 이슈 설명, PR 코멘트, 위키 페이지를 미리보기합니다.
자주 묻는 질문
마크다운이란 무엇인가요?
마크다운은 일반 텍스트 서식 구문을 사용하여 서식 있는 문서를 만드는 경량 마크업 언어로, 문서화와 README 파일에 널리 사용됩니다.
어떤 마크다운 기능을 지원하나요?
제목, 굵게, 기울임, 링크, 이미지, 코드 블록, 목록, 표, 인용문, 수평선 등 표준 마크다운을 지원합니다.
마크다운(Markdown)이란 무엇인가요?
마크다운은 일반 텍스트로 서식 있는 문서를 작성하기 위한 경량 마크업 언어로, GitHub README, 블로그, 문서 작성 등에 널리 사용됩니다.
입력한 데이터가 서버로 전송되나요?
아니요, 마크다운 파싱과 렌더링은 모두 브라우저에서 로컬로 처리되며 데이터가 외부로 전송되지 않습니다.
GFM(GitHub Flavored Markdown)도 지원하나요?
네, 테이블, 취소선, 작업 목록, 코드 블록 구문 강조 등 GFM 확장 문법을 지원합니다.
렌더링된 HTML을 복사할 수 있나요?
네, 미리보기 영역의 내용을 복사하여 다른 곳에 붙여넣거나, 변환된 HTML 소스를 직접 확인할 수 있습니다.
개인정보가 수집되나요?
아니요, 모든 렌더링이 브라우저에서 이루어집니다. 텍스트가 서버로 전송되지 않습니다.
HTML을 내보낼 수 있나요?
미리보기 패널에서 렌더링된 HTML을 복사하거나 마크다운 콘텐츠의 소스 HTML을 볼 수 있습니다.
GitHub 플레이버드 마크다운을 지원하나요?
네, 표, 작업 목록, 펜스드 코드 블록을 포함한 일반적인 GFM 기능을 지원합니다.
이미지를 포함할 수 있나요?
네,  구문을 사용하세요. URL이 접근 가능하면 이미지가 미리보기에 렌더링됩니다.
LaTeX/수학을 지원하나요?
표준 마크다운 렌더러에는 LaTeX 지원이 포함되지 않습니다. 수학이 많은 문서에는 전용 도구를 사용하세요.
다른 소스에서 마크다운을 붙여넣을 수 있나요?
네, 에디터에 마크다운 텍스트를 붙여넣으면 미리보기가 즉시 렌더링합니다.