Mermaid 편집기

사용 방법

1. 템플릿을 선택하거나 Mermaid 코드를 붙여 넣으세요.
2. 왼쪽 코드를 수정하고 오른쪽 미리보기에서 구문 오류를 확인하세요.
3. 테마를 선택한 뒤 SVG 또는 PNG를 다운로드하거나 SVG 코드를 복사하세요.

옵션 설명

다이어그램 유형

순서도, 시퀀스, 클래스, 상태, ER, 간트, 원형 차트와 마인드맵 템플릿을 제공해요.

테마

기본, 중립, 어두운 테마와 forest 테마를 선택할 수 있어요. 중립 테마는 인쇄에 잘 맞아요.

내보내기

SVG는 확대해도 선명하고 PNG는 배경이 포함된 두 배 크기의 이미지로 내보내져요.

순서도 예시

flowchart LR
    A[Rectangle] --> B(Rounded)
    B --> C{Decision}
    C -->|Yes| D[(Database)]
    C -.->|No| E((Circle))

TD는 위에서 아래로, LR은 왼쪽에서 오른쪽으로 흐르는 방향을 뜻해요.

자주 묻는 질문

개인정보 보호

이 도구는 전적으로 브라우저에서 실행돼요. 파일과 텍스트는 기기에서 처리되며 서버로 업로드되지 않아요.