Mermaid 다이어그램 생성기
빠르고 개인정보 보호되는 Mermaid 라이브 편집기. 모든 Mermaid 다이어그램을 붙여넣고 즉시 렌더링을 확인하세요. 플로우차트, 시퀀스 다이어그램, ER 모델, 클래스 다이어그램, 간트 차트 및 마인드맵 모두 한 곳에서.
One step per line. Indent two spaces to branch beneath the line above.
Mermaid란?
Mermaid는 오픈 소스 "다이어그램-코드" 언어입니다. 간단한 텍스트 설명을 작성하면 Mermaid가 다이어그램을 렌더링합니다. GitHub, GitLab, Obsidian 및 많은 문서 플랫폼이 기본적으로 렌더링하는 동일한 구문이므로, Mermaid 다이어그램은 매우 이식성이 뛰어나므로 이를 지원하는 모든 곳에 블록을 붙여넣을 수 있으며 스스로 그려집니다.
이 편집기는 공식 Mermaid 렌더러를 브라우저에서 실행합니다. 지원되는 다이어그램 유형을 입력하거나 붙여넣으면 실시간으로 렌더링되며 설정이 필요 없고 서버로 전송되지 않습니다.
편집기에서 문서로
임베드할 벡터 SVG, 슬라이드용 PNG, 또는 GitHub README로 드롭할 수 있는 미리 만들어진 ```mermaid Markdown 블록을 내보내세요. 편집 가능한 다이어그램의 경우, Mermaid 소스로 리포지토리에 유지하고 필요할 때 언제든지 여기에서 다시 엽니다.
자주 묻는 질문
이것이 무료 온라인 Mermaid 편집기인가요?
네, Mermaid를 붙여넣으면 브라우저에서 무료로, 회원가입 없이, 워터마크 없이 실시간으로 렌더링됩니다. SVG/PNG로 내보내거나 소스를 복사할 수 있습니다.
어떤 Mermaid 다이어그램 유형이 지원되나요?
플로우차트, 시퀀스 다이어그램, ER 다이어그램, 클래스 다이어그램, 상태 다이어그램, 간트 차트, 마인드맵 및 파이 차트입니다. 전체 Mermaid 렌더러가 로드됩니다.
내 Mermaid 코드가 업로드되나요?
아니요. Mermaid 엔진은 공개 CDN에서 한 번 로드되고 그 다음 모든 것이 로컬에서 렌더링됩니다. 다이어그램 텍스트는 기기를 떠나지 않습니다.
Mermaid 다이어그램을 GitHub README에 임베드하려면 어떻게 해야 하나요?
내보내기 메뉴에서 Markdown 블록을 복사하여 README에 붙여넣으세요. GitHub는 펜스된 ```mermaid 코드 블록을 자동으로 렌더링합니다. 이미지가 필요하지 않습니다.
이것은 어떤 Mermaid 버전인가요?
편집기는 공개 CDN에서 Mermaid 11을 로드하므로 무엇이든 설치하지 않고 최신 구문과 다이어그램 유형을 얻습니다.