Softonic

ERD 다이어그램 만들기

단계 1 / 3 엔터티 정의

엔터티와 필드 정의

템플릿으로 시작하거나 간결한 모델을 만드세요. 생성되는 Mermaid의 호환성을 유지하기 위해 엔터티와 필드 이름에는 문자, 숫자, 밑줄을 사용합니다.

엔터티 관계도를 사용하면 구현 전에 데이터 구조를 읽고 팀과 논의하기가 쉬워집니다. 이 편집기는 완전히 로컬에서 작동하며, 최대 12개의 엔터티와 엔터티마다 최대 20개의 필드를 필드 이름, 유형, PK 또는 FK 역할, 관계, 카디널리티와 함께 구조적으로 정의할 수 있습니다. 스토어 또는 블로그 템플릿에서 시작하거나 빈 프로젝트를 선택한 뒤, 프로젝트를 브라우저 밖으로 보내지 않고 Mermaid 코드와 SVG 또는 PNG 다이어그램을 만들 수 있습니다.

ERD 다이어그램을 만드는 방법

  1. 1

    시작점 선택하기

    스토어 또는 블로그 템플릿으로 시작하거나 빈 프로젝트에서 직접 구조를 정의합니다.

  2. 2

    엔터티와 필드 정의하기

    최대 12개의 엔터티와 엔터티마다 최대 20개의 필드를 추가합니다. 필드 이름과 유형을 정하고 필요하면 PK 또는 FK 역할을 시각적으로 표시합니다.

  3. 3

    엔터티 연결하기

    관계를 만들고 카디널리티를 선택하여 엔터티가 서로 연결되는 방식을 다이어그램에 나타냅니다.

  4. 4

    복사하거나 내보내기

    Mermaid를 복사하고 SVG 또는 PNG 다이어그램을 내보내거나, 프로젝트를 로컬 JSON으로 저장해 나중에 다시 가져옵니다.

편집기에서 구성하는 항목

  • 엔터티: 하나의 프로젝트에 최대 12개까지 추가할 수 있습니다.
  • 필드: 엔터티마다 최대 20개까지 추가하고 이름과 유형을 정할 수 있습니다.
  • 키 역할: 필드를 기본 키(PK) 또는 외래 키(FK)로 시각적으로 표시할 수 있습니다.
  • 관계: 엔터티를 연결하고 관계에 맞는 카디널리티를 선택할 수 있습니다.

키와 관계

기본 키(PK)는 엔터티 안의 레코드를 식별합니다. 외래 키(FK)는 다른 엔터티를 가리킵니다. 이 편집기는 다이어그램에서 이러한 역할을 보여 주지만 데이터베이스를 검증하거나 실제 제약 조건을 만들지는 않습니다. 다이어그램은 논의 자료로 사용하고 구현 규칙은 프로젝트에서 별도로 확인하세요.

카디널리티 요약

  • 일대일: 한 엔터티의 한 레코드가 다른 엔터티의 한 레코드와 연결됩니다.
  • 일대다: 한 레코드가 다른 엔터티의 여러 레코드와 연결될 수 있습니다.
  • 다대다: 양쪽의 여러 레코드가 서로 연결됩니다. 실제 구조에는 연결 엔터티가 필요할 수 있지만 편집기가 자동으로 만들지는 않습니다.

내보내기와 가져오기

  • Mermaid: Mermaid를 지원하는 문서에 사용할 erDiagram 코드를 복사합니다.
  • SVG와 PNG: 벡터 다이어그램이나 공유할 이미지를 다운로드합니다.
  • JSON: 프로젝트를 내보내거나 이전에 로컬에서 내보낸 JSON 파일을 가져옵니다.

개인정보와 제한

편집기는 브라우저 안에서만 작동합니다. 퍼널 과정에서는 프로젝트가 현재 탭의 sessionStorage에 최대 30분 동안 저장됩니다. 내용은 서버로 전송되지 않으며 URL이나 당사 서버에 포함되지 않습니다. SQL 또는 DBML 가져오기, SQL 생성, 동기화, 업로드, 노드 수동 끌기나 재정렬은 제공하지 않습니다.

읽기 쉬운 다이어그램을 위한 팁

  • 작업 영역의 핵심 개념을 나타내는 엔터티부터 시작하세요.
  • 팀이 이해하기 쉬운 일관된 필드 이름을 사용하세요.
  • 카디널리티를 쉽게 검토할 수 있도록 주요 필드를 정한 다음 관계를 추가하세요.
  • 다음 로컬 세션에서도 이어서 작업하려면 JSON 파일을 보관하세요.

자주 묻는 질문

아니요. 이 편집기에서 이전에 내보낸 JSON 프로젝트 파일만 가져올 수 있습니다. SQL, DBML, 데이터베이스 덤프 파일은 지원하지 않습니다.

아니요. 편집기는 Mermaid 코드와 SVG 또는 PNG 다이어그램을 만들고 프로젝트 구조를 JSON으로 내보낼 수 있습니다. SQL이나 DBML이 필요하다면 전용 도구를 사용하세요.

아니요. 이 도구는 엔터티, 필드, 관계를 구조적으로 편집하는 도구이며 노드 수동 끌기나 재정렬은 제공하지 않습니다.

아니요. 프로젝트는 브라우저에 남습니다. 다운로드는 로컬에서 생성되며, 퍼널 과정에서도 프로젝트는 현재 탭의 sessionStorage에 최대 30분 동안만 저장됩니다.

관련 도구

ASCII 표 참조

NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.

HTML 문자 참조

HTML 엔티티의 검색 가능한 목록, 각 엔티티의 이름 및 숫자 코드, 그리고 특수 문자 및 기호에 대한 1클릭 복사 기능을 제공합니다.

FPS 카운터

requestAnimationFrame으로 브라우저 FPS를 측정하세요. 스무딩, 최소/최대 프레임레이트, 경고 임계값, 선택형 그래프를 제공합니다. 업로드나 API 없이 로컬에서 실행됩니다.

키보드 단축키 참고표

macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.

색상 혼합기

두 HEX 색상을 2-20개의 균등한 색상 견본으로 섞습니다. 양 끝 색상을 포함해 각 중간 색상을 대문자 HEX 코드로 확인하세요.

색상 틴트 생성기

기준 색의 밝은 틴트를 생성합니다. 디자인 시스템 토큰, 배경, 호버 상태를 위한 3-20단계 스케일.

이 도구는 다른 언어로도 제공됩니다