GRSMD: 즉시 Markdown 뷰어 — 로컬 및 프라이빗
발행: (2026년 3월 1일 오전 11:38 GMT+9)
3 분 소요
원문: Dev.to
Source: Dev.to
개요
GRSMD (GoodRelax Simple Markdown Renderer & Viewer)는 브라우저에서 열 수 있는 단일 index.html 파일입니다. .md 파일을 끌어다 놓거나 Ctrl + V 로 붙여넣으면 즉시 렌더링됩니다. npm도, 빌드 단계도 필요 없으며 모든 라이브러리는 CDN에서 로드되고 렌더링은 로컬에서 이루어집니다(PlantUML 제외).
Live demo:
Source code:
기능
| 기능 | 라이브러리 | 로컬에서 처리? |
|---|---|---|
| Markdown | marked.js 17.0.1 | Yes |
| Mermaid 다이어그램 | mermaid.js 11.12.2 | Yes |
| 구문 강조 | highlight.js 11.11.1 | Yes |
| LaTeX 수식 | KaTeX 0.16.28 | Yes |
| PlantUML | plantuml.com | Consent required* |
* PlantUML은 외부 서버와 통신하는 유일한 기능입니다. 데이터가 전송되기 전에 확인 대화 상자가 표시되며, 이를 취소하면 나머지 문서는 계속 렌더링됩니다.
사용법
- 다중 탭 – [New Tab] 을 눌러 여러 문서를 별도 브라우저 탭에서 열 수 있습니다.
- 드래그 & 드롭 – 편집기 또는 미리보기 영역에
.md또는.txt파일을 끌어다 놓습니다. - 붙여넣기 – Ctrl + V 를 눌러 Markdown을 직접 편집기에 붙여넣습니다.
- 줌 & 팬 – Ctrl + Scroll 로 다이어그램을 확대/축소(0.5× – 5.0×)하고, 드래그로 이동하며, 더블 클릭으로 초기화합니다.
- 스크롤 유지 – 재렌더링 시 페이지 상단으로 자동 이동하지 않습니다.
- 프라이버시 – 명시적으로 허용하지 않는 한(PlantUML 제외) 브라우저를 떠나는 데이터는 없습니다.
AI 기반 생산성 도움을 받으려면 [?] 버튼을 길게 누르세요.
샘플
- 간단 샘플:
- 전체 샘플 (Mermaid + PlantUML + LaTeX):
샘플 파일을 라이브 페이지에 끌어다 놓으면 렌더러가 작동하는 모습을 확인할 수 있습니다.