마크다운 변환
Markdown 문서를 Mermaid 다이어그램·수식 렌더링까지 포함해 PDF로 변환합니다. 브라우저가 렌더한 페이지를 이미지로 담아 저장하므로 열어보는 환경과 상관없이 같은 문서가 됩니다.
마크다운 문서를 붙여넣거나 작성하면서 렌더 결과를 바로 확인하고, 완성된 문서를 PDF 파일로 내려받을 수 있습니다. 별도 변환 서버나 설치 프로그램 없이 브라우저 탭 하나로 끝납니다.
코드 블록에는 언어별 문법 하이라이팅이 적용되고, LaTeX 수식은 본문 크기에 맞는 고해상도 이미지로 선명하게 렌더됩니다.
Mermaid 코드 블록은 순서도·시퀀스 다이어그램 같은 그림으로 변환되어 문서에 포함됩니다.
완성된 PDF는 브라우저가 그린 페이지를 이미지로 담기 때문에, 받는 사람 컴퓨터에 어떤 글꼴이 설치돼 있든 작성자가 본 것과 같은 모습으로 열립니다.
작성 중인 문서는 서버에 저장되지 않고 브라우저 안에서만 처리되며, 내보내기 결과 파일도 로컬로 바로 내려받습니다.
긴 기술 문서도 표와 코드가 페이지 경계에서 잘리지 않도록 나눔 위치를 자동 계산해 한 번에 PDF로 만들 수 있습니다.
문서를 넣는 길은 셋입니다. 왼쪽 입력창에 직접 쓰거나 붙여넣고, 파일 불러오기 버튼으로 문서를 열고, 입력창 위에 파일을 끌어다 놓습니다. 버튼으로 여는 쪽은 .md·.markdown과 일반 텍스트까지 받지만 끌어다 놓는 쪽은 .md와 .markdown만 받고 그 밖의 파일은 지원하지 않는다는 안내로 돌려보냅니다. 불러온 내용은 확인 절차 없이 입력창을 교체하므로, 쓰던 글이 있다면 먼저 다른 곳에 옮겨 두세요.
파일을 열면 입력창 위에 그 이름이 남습니다. 내용이 비어 있거나 공백뿐인 파일은 아무 일도 없었던 것처럼 넘어가지 않고 그 파일이 비어 있다고 이름과 함께 알려 주며, 이때 이미 써 둔 본문은 지워지지 않습니다.
저장되는 파일의 이름은 문서가 스스로 정합니다. 본문에서 처음 나오는 1단계 제목을 찾아 소문자로 내리고 글자도 숫자도 아닌 자리를 하이픈으로 접어 이름을 만드는데, 한글이나 한자 같은 유니코드 글자는 버리지 않고 그대로 남깁니다. 제목이 없으면 불러온 파일 이름을, 그것도 없으면 정해진 기본 이름을 씁니다. 이름은 UTF-8 기준 200바이트에서 잘리므로 한글 제목은 예순 글자 언저리가 상한입니다.
미리보기 머리글 옆에는 그렇게 찾아낸 제목이 늘 떠 있습니다. 내려받기 전에 이 자리를 보면 어떤 이름으로 저장될지 미리 알 수 있고, 아직 아무것도 입력하지 않았다면 입력이 없다고 적힙니다.
코드 블록의 색은 펜스 첫 줄에 적은 언어 이름이 결정합니다. 이 화면은 언어를 스스로 추측하지 않으므로 이름을 적지 않은 블록이나 등록되지 않은 이름은 색 없이 평문 그대로 나옵니다. 색이 안 입는다면 ts나 python처럼 정확한 이름을 적었는지부터 확인하세요. 색을 입히는 기능 자체도 문서에 코드 펜스가 하나라도 있을 때에만 내려받습니다.
작업 목록의 네모 표기는 진짜 체크박스가 아니라 빈 네모와 체크 표시 글자로 그려집니다. 화면 밖에서 다시 그려 캡처하는 경로에서는 입력 요소가 불안정하게 찍히기 때문에 고른 방식이고, 그래서 미리보기에서 눌러도 상태가 바뀌지 않습니다.
다이어그램은 어두운 화면에서도 읽히도록 흰 종이 같은 카드 위에 얹혀 나옵니다. 주변이 어두운데 다이어그램만 밝게 보이는 것은 잘못된 것이 아니라 대비를 지키려고 그렇게 둔 것이며, 내보낸 문서의 바탕이 늘 흰색인 것과 같은 이유입니다.
미리보기는 입력이 바뀔 때마다 기다림 없이 곧바로 다시 계산됩니다. 그 대신 아주 큰 입력에서는 이 계산이 화면을 붙잡을 수 있어 입력 크기에 상한을 두었고, 상한을 넘으면 미리보기 자리에 계산을 생략했다는 안내가 대신 놓입니다.
미리보기 영역은 화면 높이의 70%까지만 차지하고 그보다 길어지면 그 안에서 스크롤됩니다. 이 스크롤은 페이지가 나뉘는 자리와 아무 상관이 없습니다 — 페이지 경계는 내보내는 순간에 다시 계산합니다.
무거운 부품은 필요해진 순간에 받아 옵니다. 문서를 조립하는 부분은 다운로드를 누른 뒤에야 불러오고, 수식과 코드 색 입히기도 문서에 실제로 그것이 들어 있을 때에만 받습니다. 그래서 수식도 코드도 없는 짧은 글은 화면을 열 때 받아 오는 것이 가장 적고, 첫 변환에서만 잠깐 더 걸립니다.
이 화면에 없는 것도 분명히 해 둡니다. 내보내기 형식을 고르는 자리가 없습니다 — 출력은 한 가지뿐이고 워드 문서로 내보내는 경로는 2026년 9월에 걷어냈습니다. 종이 크기나 여백을 바꾸는 설정, 표지나 머리글·바닥글을 붙이는 기능, 문서 여러 개를 한 번에 변환하는 경로도 없습니다.
주요 기능
- 실시간 미리보기
- Mermaid 다이어그램 렌더
- PDF 고해상도 수식 렌더
- 코드 하이라이팅을 유지한 PDF 출력
- 직접 입력·파일 열기·끌어다 놓기 세 경로 입력
- 끌어다 놓기는 .md·.markdown만 수용, 빈 파일은 이름과 함께 안내
- 첫 1단계 제목에서 저장 이름 자동 생성 — 한글 유지, 200바이트에서 절단
- 언어 자동 감지 없음 — 펜스에 적은 이름만 색을 입힘
- 작업 목록 체크는 글리프로 렌더(입력 요소 아님)
- 미리보기는 화면 높이 70%까지, 그 안에서 스크롤
- 무거운 기능은 필요한 순간에만 로드
- 형식 선택·용지 설정·일괄 변환 없음
사용 전 확인
Markdown 문서를 실시간으로 미리 보고 수식·코드·Mermaid 다이어그램을 포함한 PDF로 내보냅니다.
미리보기는 렌더 결과를 확인하는 창이고, PDF 는 794px 폭 페이지로 따로 렌더되므로 줄바꿈과 페이지 나눔이 화면과 다를 수 있습니다. 긴 코드 블록과 큰 다이어그램이 있으면 내려받은 PDF 를 열어 페이지 나눔을 확인하세요.
사용 순서
- Markdown을 입력하거나 파일을 불러옵니다.
- 미리보기에서 문서 구조와 다이어그램을 확인합니다.
- 수식·코드가 있으면 렌더가 끝난 뒤 최종 모습을 확정합니다.
- PDF를 생성해 결과를 확인합니다.
주의사항
- 복잡한 Mermaid 문법 오류는 해당 코드 블록의 렌더링을 막을 수 있습니다.
- 브라우저 미리보기와 PDF의 페이지 나눔은 화면 폭 차이로 달라질 수 있습니다.
- PDF는 렌더 화면을 이미지로 담으므로 결과 파일에서 텍스트를 선택하거나 검색할 수 없습니다.
자주 묻는 질문
Q. 만들어진 PDF에서 글자가 선택되지 않습니다
의도된 동작입니다. 미리보기와 PDF의 모양을 정확히 같게 하려고 화면에 그려진 결과를 이미지로 담기 때문에, PDF 안에 텍스트 정보가 들어가지 않습니다. 대신 한글·수식·다이어그램이 화면과 어긋날 일이 없습니다.
Q. 다운로드 버튼이 눌리지 않습니다
Mermaid 다이어그램이 아직 렌더링 중이거나 수식 렌더링 기능을 불러오지 못했을 때 비활성됩니다. 다이어그램이 많은 문서는 전부 그려질 때까지 잠깐 기다리면 되고, 수식 로드에 실패하면 배너에 뜨는 다시 시도 버튼을 눌러 재시도하면 됩니다. 구문 강조 기능만 불러오지 못한 경우에는 다운로드가 막히지 않고 코드가 강조 없이 그대로 포함됩니다.
Q. 긴 문서를 붙여넣었더니 미리보기가 사라지고 아무것도 안 나옵니다
입력이 2MB(UTF-8 바이트 기준)를 넘으면 분석이 멈추고 입력이 너무 크다는 안내가 미리보기 자리에 대신 표시됩니다. 일반적인 텍스트 문서로는 좀처럼 닿지 않는 크기이므로, 이 안내가 보이면 문서를 여러 파일로 나누어 각각 변환하세요.
Q. 다이어그램 한 곳이 잘못됐는데 문서 전체가 안 보입니다
그렇지 않습니다. 잘못된 다이어그램 블록만 오류로 표시되고 나머지 본문과 정상 다이어그램은 그대로 렌더됩니다. 오류 표시가 미리보기 바깥에 남지도 않으므로, 해당 블록만 고치면 됩니다.
이 도구는 설치 없이 브라우저에서 바로 실행됩니다. 화면이 이 안내에 머물러 있다면 JavaScript를 활성화한 브라우저로 접속해 주세요.