Mermaid ER 다이어그램 뷰어
Mermaid erDiagram 코드를 붙여넣고 데이터베이스 스키마를 즉시 미리 보세요. SVG 또는 PNG로 내보낼 수 있습니다. 무료 브라우저 전용 ER 다이어그램 도구입니다.
다이어그램을 미리 보려면 Mermaid 코드를 입력하세요
개체-관계(ER) 다이어그램은 관계형 데이터베이스 스키마를 시각화하는 표준 표기법입니다. 엔티티(테이블), 해당 속성(열) 및 엔티티 간의 관계(일대일, 일대다, 다대다)를 보여줍니다. Mermaid의 `erDiagram` 구문은 ER 다이어그램을 텍스트 기반 코드 세계로 가져와 README, ADR(아키텍처 결정 기록) 및 풀 리퀘스트 설명에 데이터베이스 스키마를 쉽게 문서화할 수 있도록 합니다. 데이터베이스 엔지니어 또는 백엔드 개발자가 AI 어시스턴트에게 스키마 설계를 요청할 때('사용자, 제품, 주문이 있는 전자 상거래 플랫폼을 위한 데이터베이스 생성') 종종 Mermaid ER 다이어그램이 포함된 응답을 받습니다. 해당 코드를 Zolkit에 붙여넣으면 관계 및 카디널리티가 의도한 비즈니스 규칙을 반영하는지 즉시 확인할 수 있습니다. Zolkit의 ER 다이어그램 뷰어는 타입이 지정된 속성을 가진 엔티티 정의, 기본 키 및 외래 키 주석, 까마귀 발 표기법이 있는 관계선, 인라인 관계 레이블을 포함한 Mermaid의 `erDiagram` 구문을 완벽하게 지원합니다. 백엔드 개발자, 데이터베이스 설계자 및 기술 작가가 브라우저를 벗어나지 않고 스키마를 문서화하는 데 사용됩니다.
무료 온라인 Mermaid 다이어그램 뷰어 및 내보내기 도구
Zolkit의 Mermaid 다이어그램 뷰어를 사용하면 설치, 가입, 서버 업로드 없이 모든 Mermaid 코드를 붙여넣고 렌더링된 다이어그램을 즉시 확인할 수 있습니다. 모든 작업이 브라우저에서 실행되므로 Claude, ChatGPT 또는 Gemini에서 생성된 AI 다이어그램을 확인하는 가장 빠른 방법입니다. 순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 간트 차트, 상태 다이어그램, 마인드맵, Git 그래프, 파이 차트, 타임라인 등 모든 주요 Mermaid 다이어그램 유형을 지원합니다.
즉각적인 실시간 미리보기
입력하는 동안 다이어그램이 자동으로 렌더링되며, 300ms 디바운스를 적용하여 느리게 느껴지지 않습니다.
100% 개인 정보 보호
모든 렌더링은 mermaid.js를 사용하여 브라우저에서 이루어집니다. 코드는 어떤 서버로도 전송되지 않습니다.
SVG 및 PNG 내보내기
문서 및 슬라이드에 적합한 선명한 벡터 SVG 또는 고해상도 2× PNG로 다이어그램을 다운로드하세요.
모든 Mermaid 다이어그램 유형 지원
순서도, 시퀀스 다이어그램, 클래스 다이어그램, ER 다이어그램, 간트 차트, 마인드맵, Git 그래프 등 다양한 다이어그램 유형을 지원합니다.
AI 다이어그램 준비 완료
AI 시대를 위해 제작되었습니다. Claude, ChatGPT, Gemini 또는 기타 LLM에서 생성된 다이어그램을 직접 미리 볼 수 있습니다.
항상 무료
계정 필요 없음, 사용량 제한 없음, 워터마크 없음. Zolkit의 Mermaid 뷰어는 영원히 완전 무료입니다.
Mermaid 다이어그램 미리보기 방법
- 1
왼쪽 편집기에 Mermaid 코드를 붙여넣으세요. AI 어시스턴트에서 복사하거나 수동으로 작성할 수 있습니다.
- 2
다이어그램이 오른쪽 미리보기 창에 즉시 렌더링됩니다. 구문 오류가 있으면 해당 문제가 설명된 메시지가 표시됩니다.
- 3
'SVG 내보내기' 또는 'PNG 내보내기'를 클릭하여 문서, 슬라이드 또는 공유에 사용할 수 있는 파일 형식으로 다이어그램을 다운로드하세요.
자주 묻는 질문
Mermaid ER 다이어그램에서 사용하는 카디널리티 기호는 무엇인가요?
Mermaid는 까마귀 발 표기법을 사용합니다: 일대일에는 `||--||`, 일대다(0 이상)에는 `||--o{`, 다대다(0 이상)에는 `}o--o{`, 일대다(1 이상)에는 `||--|{`를 사용합니다. 이는 관계선에 표준 까마귀 발 기호로 렌더링되어 카디널리티를 즉시 읽을 수 있게 합니다.
Mermaid ER 다이어그램에서 기본 키와 외래 키를 표시하려면 어떻게 해야 하나요?
엔티티 정의에서 열 타입 뒤에 `PK` 또는 `FK`를 추가합니다: 기본 키의 경우 `int id PK`, 외래 키의 경우 `int userId FK`를 사용합니다. 고유 키(unique key)의 경우 `UK`를 추가할 수도 있습니다. 이러한 주석은 엔티티 상자 내에 레이블로 표시되며 스키마의 관계 구조를 전달하는 데 필수적입니다.
Mermaid ER 다이어그램에서 다대다 관계를 문서화할 수 있나요?
네. 다대다 관계는 `}o--o{`를 직접 사용하거나 조인 엔티티를 통해 표현할 수 있습니다. 조인 엔티티(예: ORDER와 PRODUCT 간의 ORDER_ITEM)를 사용하는 것이 일반적으로 더 나은 방법입니다. 이는 실제 스키마 설계를 더 정확하게 모델링하고 수량 또는 가격과 같이 관계 자체에 속성을 추가할 수 있게 해주기 때문입니다.
프로젝트에서 Mermaid ER 다이어그램을 사용하는 가장 좋은 방법은 무엇인가요?
프로젝트 README 또는 전용 `SCHEMA.md` 파일에 Mermaid 코드 블록으로 ER 다이어그램을 추가하세요. GitHub, GitLab, Notion 모두 Mermaid를 네이티브로 렌더링하므로 다이어그램이 코드와 함께 최신 상태로 유지됩니다. 마이그레이션을 실행할 때마다 다이어그램을 업데이트하세요. 일회성 아티팩트가 아닌 살아있는 문서로 취급하세요.