변경 로그

mermaid.design의 최신 업데이트와 개선 사항을 확인하세요.

v0.2.0

새 기능

렌더링 설정 패널: 테마 패널의 새 Config 탭에서 다이어그램 유형별 33개 그룹, 400개 이상의 Mermaid 렌더링 옵션(레이아웃, 간격, 크기, 글꼴, 동작 스위치)을 편집할 수 있습니다. 검색, 실시간 미리보기, 항목별 초기화, 로컬 저장을 지원하며 현재 다이어그램 유형의 그룹은 자동으로 펼쳐집니다
설정을 포함한 내보내기: Copy JSON, Copy frontmatter 및 내보내기 대화 상자의 테마 다운로드에 렌더링 설정 변경 사항이 포함됩니다. mermaid.initialize() 또는 Mermaid frontmatter에 바로 붙여넣을 수 있습니다

개선 사항

shadcn/ui 기반 폼 컨트롤: 모든 버튼, 입력, 셀렉트, 스위치, 슬라이더를 Radix 프리미티브로 재구축했습니다. 컴팩트한 외관은 그대로 유지하면서 키보드 탐색과 접근성이 개선되었습니다

v0.1.0

새 기능

온라인 Mermaid 편집기: Monaco 코드 편집기(Mermaid 구문 강조, 인라인 오류 마커), 팬/줌이 가능한 실시간 미리보기, 테마 패널을 갖춘 3-패널 워크벤치
공식 SVG 렌더링: 400ms 디바운스가 적용된 표준 Mermaid SVG 출력, 구문 오류 시 마지막 성공 렌더링으로 폴백, 캔버스 배경 옵션(도트 / 흰색 / 체커)
ASCII 렌더링: beautiful-mermaid 기반으로 Unicode 또는 순수 ASCII 문자 집합과 조절 가능한 글꼴 크기로 다이어그램을 텍스트 아트로 변환
테마 시스템: 70개 이상의 편집 가능한 테마 변수, 11개의 Mermaid 내장 테마와 디자이너 프리셋, 시드 색상 기반 테마 생성(라이트 & 다크)
템플릿 갤러리: 플로우차트, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 간트 차트, 마인드맵 등의 내장 템플릿 — 유형 필터와 모드별 지원 필터링 제공
내보내기: 선택적 투명 배경으로 1x/2x/4x 해상도의 SVG, PNG, JPG 또는 WebP로 다이어그램 다운로드; ASCII 모드에서 TXT 내보내기; 테마 설정을 JSON 또는 Mermaid frontmatter로 내보내기
테마 가져오기: 테마 JSON 또는 frontmatter를 붙여넣어 사용자 정의 테마 가져오기
자동 저장: 코드, 테마, 레이아웃이 세션 간 로컬 스토리지에 저장됩니다
다국어 지원: 9개 언어로 완전한 UI — English, 中文, Русский, 日本語, Français, 한국어, Español, Deutsch, Português
클라이언트 측 전용: 모든 것이 브라우저에서 실행됩니다 — 업로드 없음, 계정 불필요, 다이어그램 데이터 추적 없음