실시간 Mermaid UML 디자이너는 Mermaid.js 문법을 활용하여 개발 설계에 필요한 복잡한 UML 다이어그램(UML Diagrams)을 실시간으로 시각화해 주는 웹 기반 생산성 도구입니다.

마우스 드래그를 통한 캔버스 이동 및 마우스 휠 줌 기능이 포함되어 대형 설계 프로젝트도 무리 없이 탐색할 수 있으며, 최신 디자인 트렌드를 반영한 글래스모피즘 기반 다크 테마 및 다양한 5개 테마를 탑재하여 눈의 피로를 최소화했습니다.

🌟 주요 기능

1. 풍부한 UML 템플릿 기본 제공: 클래스 다이어그램, 시퀀스 다이어그램, ERD, 상태 다이어그램, 플로우차트, 유스케이스, 간트 차트, 마인드맵 등 총 8종류의 수준 높은 기본 템플릿을 원클릭으로 로드할 수 있습니다.
2. 실시간 오류 피드백: 코드 입력 중 구문 에러가 발생하면 하단 에러 콘솔을 통해 즉각적인 디버깅 메시지를 표시해 줍니다.
3. 직관적인 캔버스 탐색: 마우스 드래그 / 터치 드래그를 이용해 캔버스를 상하좌우로 손쉽게 이동하고, 휠이나 핀치 줌을 사용하여 크기를 부드럽게 조정할 수 있습니다.
4. 로컬 저장소 동기화: 작업하던 다이어그램 정보와 코드가 자동으로 브라우저에 임시 저장되며, 저장(Ctrl+S) 기능을 통해 나만의 다이어그램으로 명명하여 로컬 히스토리에 무제한으로 보관하고 관리할 수 있습니다.
5. 다양한 고화질 내보내기: 완성된 UML 다이어그램을 무손실 벡터 그래픽인 .svg 파일로 받거나, 웹 문서 삽입 및 프리젠테이션용 .png 및 투명 배경 .png 이미지 파일로 즉시 다운로드할 수 있습니다.
6. 현대적인 테마 커스터마이징: 네온 다크, 글래스 라이트, 사이버펑크, 딥 오션, 포레스트 그린 등 5종의 감각적인 현대적 테마를 제공하며, 테마 변경 시 다이어그램 스타일링도 이에 맞춰 유기적으로 자동 렌더링됩니다.