마크다운 미리보기
마크다운 미리보기 사이트처럼 문서를 실시간으로 렌더링하고 HTML 결과를 확인한 뒤 PDF로 저장합니다.
기본 사용
Markdown 문서와 LaTeX 수식 미리보기
마크다운 미리보기는 README, 블로그 초안, 기술 문서처럼 Markdown으로 작성한 글을 브라우저에서 바로 렌더링해 확인하는 도구입니다.
제목, 목록, 표, 코드 블록, 링크, 이미지 같은 기본 Markdown 문법을 입력하면 오른쪽 미리보기에서 HTML로 변환된 결과를 실시간으로 확인할 수 있습니다.
수식이 필요한 문서에서는 인라인 수식은 $CO_2$처럼, 블록 수식은 $$ ... $$ 형식으로 입력해 LaTeX 렌더링 결과를 함께 확인할 수 있습니다.
흐름도나 시퀀스 다이어그램이 필요한 문서에서는 ```mermaid 코드블록을 사용해 Mermaid 다이어그램 렌더링 결과를 미리볼 수 있습니다.
어디에 쓰나요?
README, 개발 문서, 블로그 초안, 수업 노트처럼 Markdown으로 작성한 문서를 게시하기 전에 표시 상태를 확인할 때 사용합니다.
수식은 어떻게 쓰나요?
문장 안의 짧은 수식은 $E = mc^2$처럼 쓰고, 가운데에 크게 보여줄 수식은 $$로 감싼 블록 형태로 입력합니다.
다이어그램은 어떻게 쓰나요?
flowchart나 sequenceDiagram 같은 Mermaid 문법은 ```mermaid 코드블록 안에 넣으면 문서 미리보기에서 다이어그램으로 렌더링합니다.
무엇을 복사하나요?
미리보기 결과를 HTML 또는 서식 있는 텍스트로 복사해 문서 편집기, CMS, 블로그 작성 화면에 이어 사용할 수 있습니다.
완전한 LaTeX 문서 컴파일러가 아니라 Markdown 안의 수식과 기본 문법을 빠르게 확인하는 미리보기 도구입니다.
마크다운 미리보기 마크다운 미리보기 작업 영역
사용 방법
- 1 왼쪽 입력창에 마크다운 문서를 작성하거나 붙여넣습니다.
- 2 오른쪽 미리보기에서 제목, 목록, 코드 블록, 링크 표시를 확인합니다.
- 3 수식이나 Mermaid 다이어그램이 포함된 문서는 렌더링이 끝난 뒤 결과를 확인합니다.
- 4 HTML이 필요하면 HTML 복사 버튼을 사용하고, 문서로 보관하려면 PDF 다운로드 버튼을 사용합니다.
대표적인 사용 사례
- README 마크다운 미리보기
- 마크다운 보기와 렌더링 확인
- 마크다운 HTML 변환 결과 복사
- 렌더링된 마크다운 문서 PDF 저장
자주 묻는 질문
어떤 마크다운 문법을 미리볼 수 있나요?
자체 미리보기 파서로 제목, 문단 줄바꿈, 순서/비순서 목록, 인용문, 코드 블록, 표, 링크, 이미지, 기본 강조 문법, LaTeX 인라인/블록 수식, Mermaid 코드블록을 HTML 미리보기로 렌더링합니다.
무엇을 복사할 수 있나요?
미리보기 영역에 렌더링된 HTML을 복사하거나, 서식 있는 텍스트로 복사할 수 있습니다. 현재 미리보기 결과를 PDF 파일로 다운로드할 수도 있습니다.
입력 내용이 자동으로 반영되나요?
네. 마크다운을 입력하거나 붙여넣으면 미리보기가 즉시 갱신됩니다.
PDF에는 수식과 Mermaid 다이어그램도 포함되나요?
네. PDF 다운로드를 누르면 현재 미리보기 DOM의 LaTeX 수식과 Mermaid 다이어그램 렌더링을 기다린 뒤 PDF를 생성합니다. 렌더링에 실패한 항목은 화면에 표시된 대체 내용으로 포함됩니다.