소개

우리의 미션

Mermaid2Img는 개발자, 기술 문서 작성자, 팀이 Mermaid 코드를 아름답고 고품질의 이미지로 쉽게 바꾸도록 돕기 위해 만들어졌습니다.

우리가 하는 일

Mermaid2Img는 Mermaid 다이어그램을 PNG, JPG, SVG, PDF로 변환하는 브라우저 기반 워크스페이스입니다. 실시간 미리보기, 문법 검증, 원클릭 내보내기를 제공합니다.

기술 스택

라이브 렌더링, 고해상도 내보내기, 현지화 SEO, 개인정보 보호 중심 사용에 맞춰 구성되어 있습니다:

• Next.js 16 + App Router — Powers localized routing, static content pages, and SEO metadata
• React 19 + TypeScript — Keeps the workspace interactions, node editing, and export state maintainable
• Tailwind CSS 3 — Provides the responsive styling system across pages, blog, workspace, and brand UI
• Mermaid.js 11.14 — Handles official diagram rendering plus theme, look, and flowchart node parsing
• jsPDF + SVG/Canvas export pipeline — Supports PNG, JPG, SVG, and PDF output formats
• Browser-side processing — Diagram code is primarily rendered and exported locally, reducing upload dependency and preserving privacy

오픈소스 철학

Mermaid2Img는 Mermaid.js 위에 만들어졌고 diagram-as-code 워크플로를 위한 튜토리얼과 모범 사례를 공유합니다.

개인정보 우선

데이터는 사용자의 것입니다. 일반 사용 중 다이어그램 코드는 브라우저에서 처리됩니다.

문의하기

피드백, 기능 요청, 질문이 있다면 연락해 주세요: