📖
SQL DDL ➔ Mermaid ERD 다이어그램 생성기 실무 가이드
CREATE TABLE SQL DDL 구문을 복사해 붙여넣으면 Mermaid.js 기반의 깔끔한 인터랙티브 엔티티 관계도(ERD)로 즉시 변환합니다. 테이블 구조, 기본키(PK), 외래키(FK) 관계를 브라우저 로컬에서 시각화하고 고화질 SVG, PNG 및 마크다운 코드로 내보낼 수 있습니다.
🔒실무 기술 스펙 & 100% 클라이언트 로컬 연산 아키텍처
클라이언트 사이드 자바스크립트 정규식 엔진이 테이블 식별자, 복합 기본키, 외래키 제약조건을 파싱한 뒤 Mermaid ERD 문법으로 변환합니다. 다이어그램 렌더링은 mermaid.js가 브라우저 DOM 상에서 직접 SVG로 수행하며, 외부 렌더링 API 호출이나 텔레메트리가 전혀 발생하지 않습니다.
✨ 주요 기술 스펙 & 특장점
- •광범위한 SQL 호환성: MySQL, PostgreSQL, Oracle, SQLite, MS-SQL의 CREATE TABLE DDL을 폭넓게 지원합니다.
- •외래키(FK) 자동 관계선 연결: CONSTRAINT FOREIGN KEY 및 인라인 REFERENCES 구문을 자동 감지하여 일대다(||--o{) 관계선을 그려줍니다.
- •고화질 벡터 및 이미지 내보내기: 사내 위키 및 아키텍처 문서에 적합한 벡터 SVG 및 2배율 PNG 다운로드를 지원합니다.
- •원클릭 마크다운 코드 복사: GitHub README, PR 리뷰, Notion, Obsidian에 바로 붙여넣을 수 있는 Mermaid 코드를 제공합니다.
- •100% 브라우저 메모리 연산: 민감한 데이터베이스 스키마와 테이블 명세가 외부 서버로 전송되지 않습니다.
🚀 단계별 실무 가이드
- 1좌측 SQL 입력창에 CREATE TABLE DDL 구문을 붙여넣거나 "샘플 DDL 불러오기" 버튼을 누릅니다.
- 2우측 패널에서 실시간으로 생성 및 연결된 Mermaid ERD 다이어그램을 확인합니다.
- 3확대/축소(+ / -) 버튼으로 다이어그램을 세밀하게 검토하거나 "Mermaid 코드" 탭으로 전환합니다.
- 4"SVG 저장" 또는 "PNG 저장" 버튼을 눌러 이미지로 다운로드하거나 코드를 복사합니다.