▲

Show GN: markdown to print

 (markdowntoprint.site)
1P by hyeonseokoh94 9시간전 | ★ favorite | 댓글과 토론

안녕하세요! 마크다운(Markdown)으로 작성한 글을 가장 깔끔하고 예쁘게 인쇄(PDF)할 수 있도록 도와주는 웹 서비스, Markdown to Print를 만들어서 소개합니다.

👉 링크: https://markdowntoprint.site

왜 만들었나요?

markdown 을 주로 인쇄해서 보는 편인데, 인쇄하려 하면 맘에 드는 툴이 잘 없더라고요.
뷰어에서는 예뻐도 인쇄 설정에 들어가면 여백이 제멋대로거나, 불필요한 테마 CSS가 껴서 지저분하게 나오는 경우가 많았습니다.

그래서 글쓰기는 Notion처럼 편하게 하되, 출력물은 무조건 깔끔하게 나오는 에디터를 목표로 주말 동안 뚝딱 만들어보았습니다.

주요 기능

  • Notion 스타일의 WYSIWYG 에디터: 순수 마크다운뿐만 아니라 / 커맨드로 제목, 인용구, 코드 블록 등을 쉽게 넣을 수 있게 TipTap 기반으로 구현했습니다.
  • 인쇄/PDF 최적화: 화면에 보이는 예쁜 폰트(Inter, Pretendard, 명조체)와 레이아웃이 PDF(A4)에 동일하게 출력됩니다. 상단 설정(⚙️)에서 상하좌우 여백(Margin)을 mm 단위로 미세 조정할 수도 있습니다.
  • 가벼운 클라우드 워크스페이스: 구글 로그인만 하면 내 문서들이 클라우드에 저장됩니다. 폴더를 만들고 입맛대로 태그를 달아서 문서를 관리할 수 있어요.
  • 히스토리(버전 관리): 문서마다 저장할 때마다 버전이 자동 백업되어서, 실수로 날려도 이전 버전으로 언제든 복구할 수 있습니다.
  • 모바일 지원: 급할 때 폰으로 열어서 수정하고 브라우저 인쇄 기능을 통해 모바일에서도 PDF로 넘길 수 있도록 반응형 UI를 신경 썼습니다.

기술 스택

  • 프론트엔드/백엔드: Next.js (App Router), Tailwind CSS
  • 에디터: TipTap
  • 데이터베이스: SQLite (better-sqlite3)로 아주 가볍게 구성했습니다.

아직 부족한 점이 많지만, 마크다운으로 문서 작업하시는 분들께 작게나마 유용한 툴이 되었으면 좋겠습니다.
피드백이나 버그 리포트 환영합니다. 감사합니다! 🙇‍♂️