Mermaid Diagram Viewer & Editor 기능 요약

개요

Mermaid Diagram Viewer & Editor는 Mermaid 문법을 사용해 다이어그램을 작성, 시각화, 저장 및 관리하는 웹 애플리케이션입니다. 반응형 디자인과 직관적인 UI로 데스크톱과 모바일에서 사용 가능합니다.

주요 기능

• Mermaid 코드 편집: Mermaid 문법으로 다이어그램 작성, 실시간 렌더링 지원.
• 다이어그램 미리보기: 코드를 SVG 다이어그램으로 렌더링, 오류 시 메시지 표시.
• 파일 관리:
  • 저장: 다이어그램을 .mmd로 로컬 스토리지에 저장.
  • 폴더 열기: 폴더를 선택해 전체 파일 불러오기.
  • 새로고침: 폴더 새로고침
• SVG 다운로드: 렌더링된 다이어그램을 .svg로 다운로드 (파일명 기반 또는 기본값 mermaid-diagram.svg).
• 줌 기능:
  • 최대 1000% (10배), 최소 10% (0.1배)까지 확대/축소.
  • 버튼 및 Ctrl+마우스 휠로 조작.
  • 드래그로 다이어그램 이동.
• 패널 크기 조정: 파일 탐색기, 코드 편집기, 미리보기 패널 폭을 마우스 드래그로 조절 (데스크톱).
• 예제 다이어그램: 플로우차트, 시퀀스, 간트 차트, 파이 차트, Git 워크플로우, 클래스 다이어그램 제공.