Mermaid 에디터

이 도구란?

텍스트를 사용하여 다이어그램을 작성하는 라이브 Mermaid 다이어그램 에디터입니다. 플로우차트, 시퀀스 다이어그램, 클래스 다이어그램 등을 편집할 때 렌더링 결과를 실시간으로 확인한 다음 이를 SVG, PNG 또는 JPEG로 내보낼 수 있습니다.

사용 방법

1. 템플릿(플로우차트, 시퀀스, 클래스 등)을 선택하여 샘플 Mermaid 구문을 로드하거나 자신의 구문을 작성하세요.
2. 구문을 편집하면 다이어그램 미리보기가 자동으로 업데이트됩니다.
3. '이미지 내보내기'를 클릭하여 다이어그램을 SVG, PNG 또는 JPEG로 다운로드하거나 '구문 복사'를 클릭하여 Mermaid 코드를 복사하세요.
4. 구문에 오류가 있으면 마지막으로 유효한 다이어그램이 표시된 상태로 유지되어 수정할 수 있습니다.

주요 활용 사례

• 프로세스 또는 의사 결정 트리의 플로우차트 스케치
• API 호출 시퀀스 또는 시스템 상호작용 문서화
• 소프트웨어 설계를 위한 클래스 다이어그램 또는 엔터티 관계도 그리기
• 문서 또는 README 파일에 다이어그램 코드로 포함시키기

활용 팁

• Mermaid 구문은 일반 텍스트이므로 다이어그램을 코드와 함께 버전 관리할 수 있습니다.
• 문서의 경우 SVG 내보내기를 사용하여 선명한 다이어그램을 얻고, 채팅이나 슬라이드에서 공유할 때는 PNG 또는 JPEG을 사용하세요.