나는 개발자를 위한 가장 아름다운 Markdown Viewer를 만들었습니다 (그리고 무료입니다)

Source: Dev.to

왜 마크다운을 읽는 것이 아직도 이렇게… 못생겼을까요?

개발자는 마크다운과 함께 살아갑니다. 문서, README, 노트, 블로그 포스트를 모두 마크다운으로 작성하죠. 그런데 로컬 .md 파일을 브라우저에서 열면 원시 텍스트가 그대로 보이거나, 1998년 백엔드 엔지니어가 만든 듯한 90년대 스타일의 HTML 렌더링이 나타납니다(백엔드 친구들, 기분 나쁘게 들었다면 죄송합니다!).

좀 더 나은 경험을 원했습니다—프리미엄 문서를 읽는 듯한 느낌, 다음을 갖춘:

• ✨ 아름다운 타이포그래피 (Inter & JetBrains Mono)
• 🌫️ 글래스모피즘 UI
• 🌓 완벽한 다크 모드
• 📊 풍부한 다이어그램 지원

그래서 Markdown Viewer Premium을 만들었고, 이 도구가 문서 뷰를 어떻게 바꾸는지 보여드리겠습니다.

기본 뷰어의 문제점

대부분의 마크다운 브라우저 확장 프로그램은:

• 구식 – 몇 년 전에 만들어진 오래된 스타일.
• 기본 – 표준 HTML만 제공, 구문 강조나 다이어그램 없음.
• 못생김 – 공백, 가독성, 미적 요소를 무시.

Markdown Viewer Premium을 만나보세요 🚀

단순 파서가 아니라, 미관과 가독성을 위해 설계된 렌더링 엔진입니다.

주요 기능

🎨 눈부신 “글래스” 미학

Tailwind로 만든 CSS가 서리 낀 유리 효과를 구현합니다. 사이드바, 목차, 코드 블록이 미묘한 투명도를 가지고 배경을 흐리게 만들어 현대적인 OS 느낌을 줍니다.

🧜‍♀️ 확대 가능한 팝업을 지원하는 Mermaid 다이어그램

Mermaid 다이어그램이 선명한 SVG로 렌더링됩니다. 다이어그램을 클릭하면 확대 가능한 라이트박스로 열려 복잡한 플로우차트를 보기 좋게 확인할 수 있습니다.

💻 풍부한 코드, 수학 & GFM 지원

• 구문 강조 – 주요 언어 모두 지원.
• GFM 지원 – 작업 목록, 표, 취소선.
• LaTeX 지원 – $E = mc^2$ 를 작성하면 KaTeX가 즉시 렌더링합니다.
• 복사 버튼 – 코드 스니펫을 한 번 클릭으로 복사.

🖨️ 전문적인 PDF 내보내기

Ctrl+P (또는 Cmd+P) 를 눌러 렌더링된 마크다운을 깔끔하고 스타일이 적용된 PDF로 내보낼 수 있습니다.

🛠 파워 유저 도구

• Raw View – 렌더링된 뷰와 원시 마크다운을 즉시 토글.
• 테마 전환 – 라이트와 다크 모드를 매끄럽게 전환.
• 스마트 TOC – 고정된 목차로 손쉬운 탐색.

🐙 원활한 GitHub 통합

GitHub 파일 URL(Blob 또는 Raw)을 붙여넣으면 뷰어가 자동으로 파일을 가져와 렌더링합니다—파일을 먼저 다운로드할 필요가 없습니다.

왜 사용해야 할까요?

• 가독성 – 적절한 줄 높이와 타이포그래피.
• 완전성 – 복잡한 다이어그램과 수식도 깨지지 않음.
• 속도 – 대용량 문서도 즉시 로드.

직접 사용해 보세요!

툴의 미학에 신경 쓰신다면 한 번 사용해 보시길 권합니다.

Chrome 웹 스토어 링크

댓글로 의견을 알려 주세요! 👇