온라인 Mermaid 다이어그램 편집기
실시간 미리보기, 시각적 편집, 22가지 다이어그램 유형, PNG/SVG 내보내기 등을 지원하는 전문 온라인 Mermaid 다이어그램 편집기.
구문 문서 보기코드 편집기플로우차트
코드 편집기...
미리보기
100%
7 줄104 문자
Ctrl/Cmd + S저장Ctrl/Cmd + Z실행 취소Ctrl/Cmd + Shift + Z다시 실행Escape전체 화면 종료
사용 방법
1
Mermaid 구문 입력
왼쪽 편집기에 Mermaid 구문을 입력하거나 붙여넣습니다. 플로우차트, 시퀀스 다이어그램, 클래스 다이어그램 등 22가지 다이어그램 유형을 지원합니다.
2
실시간 미리보기
오른쪽에서 렌더링된 다이어그램을 실시간으로 확인할 수 있습니다. 확대/축소 및 이동을 지원하여 다이어그램 세부 정보를 확인할 수 있습니다.
3
내보내기 및 공유
완료되면 PNG 또는 SVG 형식으로 내보내거나 코드/이미지를 클립보드에 직접 복사할 수 있습니다.
기능
22가지 다이어그램 유형
구문 강조
실시간 미리보기
자동 저장
실행 취소/다시 실행
PNG/SVG 내보내기
전체 화면 모드
로컬 저장소
키보드 단축키
Ctrl/Cmd + S저장
Ctrl/Cmd + Z실행 취소
Ctrl/Cmd + Shift + Z다시 실행
Escape전체 화면 종료
자주 묻는 질문
Mermaid란 무엇인가요?
Mermaid는 Markdown과 유사한 텍스트 정의를 렌더링하여 다이어그램을 만드는 JavaScript 기반의 다이어그램 및 차트 도구입니다. 문서, 기술 사양 및 다양한 시각화 요구에 널리 사용됩니다.
내 데이터가 안전한가요?
예, 모든 데이터는 브라우저의 로컬 저장소(LocalStorage)에 저장되며 서버에 업로드되지 않습니다. 다이어그램 내용은 완전히 비공개이며 안전합니다.
어떤 다이어그램 유형이 지원되나요?
플로우차트, 시퀀스, 클래스, 상태, ER, 간트, 원형, Git 그래프, 마인드맵, 타임라인, 사용자 여정, 사분면, 요구사항, C4, 산키 등 22가지 다이어그램 유형을 지원합니다.