DevToolKits.app
시각화

SQL to ER 다이어그램

CREATE TABLE 문을 파싱하여 Mermaid 형식의 ER 다이어그램을 자동으로 생성합니다. 기밀 유지되는 DB 설계를 브라우저 내에서 안전하게 시각화할 수 있습니다.

가이드: How to use & features

  • Enter or paste SQL `CREATE TABLE` statements into the text area.
  • Click the "Visualize" button to generate and display the ER diagram using Mermaid syntax.
  • Table relationships (Foreign Keys) are automatically extracted from `FOREIGN KEY` or `REFERENCES` clauses.
  • Use the "Copy Mermaid Code" button to save the generated syntax to your clipboard.
  • Your schema data is processed entirely in the browser, ensuring privacy and security.

샘플: Examples

Users and Posts (One-to-Many)

입력 예시

CREATE TABLE users (
  id INT PRIMARY KEY,
  name VARCHAR(50)
);

CREATE TABLE posts (
  id INT PRIMARY KEY,
  user_id INT REFERENCES users(id),
  title VARCHAR(100)
);

출력 예시

erDiagram
    users {
        INT id PK
        VARCHAR(50) name
    }
    posts {
        INT id PK
        INT user_id
        VARCHAR(100) title
    }

    posts }|--|| users : "user_id -> id"

FAQ: FAQ

  • Does it support all SQL dialects?

    It supports standard SQL CREATE TABLE syntax. Some highly specific proprietary vendor extensions may not be fully parsed as it uses a custom regex-based parser.

  • Is my data sent to a server?

    No. All processing is done locally in your browser via JavaScript. Your SQL code never leaves your computer.

  • What if relationships are not showing up?

    Ensure that your statements include FOREIGN KEY or REFERENCES clauses. The tool relies on these constraints to identify and draw relationships.

활용: Common Use Cases

  • Database Documentation

    Quickly visualize and document existing table structures by pasting SQL exports.

  • Schema Design Verification

    Self-check your DDL to ensure that relationships and constraints are correctly defined during the design phase.

  • Team Collaboration

    Share specific sub-system structures with your team using lightweight Mermaid syntax before generating full documentation.

주의: Notes & Limitations

  • Limited SQL Syntax

    Statements other than CREATE TABLE (e.g., stored procedures, triggers, complex INDEX definitions) are ignored.

  • Performance with Large Schemas

    Very large schemas with dozens of tables may significantly impact browser rendering performance.

  • Syntax Errors

    Incomplete or malformed SQL statements (missing parentheses, typos) will result in parsing failures.
erDiagram USERS ||--o{ POSTS : "user_id -> id" USERS { int id PK string name } POSTS { int id PK int user_id string title }

최신 기사

Story
2026-03-09

재귀로 푸는 JSON→TypeScript 변환: 외부 라이브러리에 의존하지 않는 강점

API 응답에서 순식간에 타입 정의를 생성. 외부 파서 없이 재귀 알고리즘으로 가볍고 빠르게 구현한 뒷이야기를 소개합니다.

Read more →
Story
2026-03-09

안전한 JWT 검증 환경을 브라우저에. 보안 엔지니어의 시점

기밀성 높은 토큰을 안전하게 다루기 위해. jose 라이브러리와 로컬 처리를 조합한 JWT 도구의 설계 사상을 해설합니다.

Read more →
Story
2026-03-09

QR 코드 생성, 더 간편하고 안전하게

Canvas API와 node-qrcode를 조합하여 브라우저상에서 실시간 생성과 프라이버시 보호를 동시에 실현한 도구의 비하인드 스토리.

Read more →
Story
2026-03-09

데이터 전송 없이 안심. 브라우저 완결형 Diff 도구 개발 배경

텍스트 차이를 안전하고 빠르게 비교하기 위해, 외부 라이브러리를 활용하면서도 프라이버시를 최우선으로 설계한 비하인드 스토리.

Read more →
Story
2026-03-09

라이브러리 없는 타임존 변환: Intl API의 저력

Moment.js나 date-fns를 사용하지 않고 브라우저 표준 Intl API만으로 구현한 경량 타임존 처리 도구의 개발 비화.

Read more →
Story
2026-03-03

SQL to ER 도구 개발 비화: '브라우저 완결'에 집착한 이유

SQL로부터 ER 다이어그램을 생성하는 도구의 개발 배경과, 보안과 편의성을 동시에 잡기 위한 기술적 도전에 대해 소개합니다.

Read more →

광고

다른 도구 바로가기

사이트 내에서 자주 쓰는 유틸리티를 빠르게 전환하세요.

DevToolKits.app
기사
1 items
기사 목록 →
개발 및 DevOps
8 items
GitHub Actions 시각화 → SQL 포맷터 → 비주얼 SQL 빌더 → SQL → ER 다이어그램 → Curl 컨버터 → Chmod 계산기 → Cron 편집기 및 파서 → 인프라 구성도 제작 도구 →
데이터 변환 및 스키마
6 items
JSON 포맷터 → JSON → TypeScript → JSON → Zod → JSON → OpenAPI → JSON ⇔ YAML 변환 → CSV ⇔ JSON 변환기 →
보안 및 암호화
5 items
Base64 / 58 / 32 → JWT 도구 → 해시 및 HMAC 생성기 → JWKS 생성기 → UUID 생성기 →
텍스트 및 코드 보조
4 items
마크다운 테이블 생성기 → 텍스트 유틸리티 → 정규식 테스터 → Diff 뷰어 →
URL 및 네트워크
4 items
URL 인코딩 / 디코딩 → URL 파라미터 → JSON → QR 생성기 → QR 리더 →
디자인 및 UI
2 items
색상 도구 → 파비콘 생성기 →
날짜 및 시간
3 items
시간대 변환기 → 시간 단위 변환 → UNIX 타임스탬프 변환 →

광고