[프로젝트/ERD] 무료 ERD 툴 draw.io 사용하기 - Table 설계

오늘은 새로 만들어볼 프로젝트의 테이블 설계를 위해 draw.io 를 사용해보고자 한다.

 

https://app.diagrams.net/

 

https://app.diagrams.net/

Flowchart Maker & Online Diagram Software

 

draw.io는 무료 툴이다.

 

나도 아직 사용법이 완전히 익숙하진 않지만, 대충 설계하면서 알아두면 좋은 팁이 있어 기록하고자 한다.

 

1) 공유 및 저장

 

구글 드라이브에 저장이 가능하다.

우선 draw.io는 구글 드라이브에 저장이 가능하다.

그래서 협업하는 사람끼리 같이 공유가 가능하고, Jira나 Confluence 같은 생산성 어플리케이션에 활용이 가능하다고 한다.

 

저 공유 버튼을 누르면 구글 드라이브 어딘가를 지정해서 저장이 가능하다. (구글 로그인 시에만)

 

중간 중간 알아서 저장도 해주고, Ctrl + S 를 누르면 편리하게 저장된다.

 

2) 테이블 생성

일단 ERD 에 활용할 Table 은 ER 탭에 있는 Table 을 눌러준다.

 

ER - Table

 

위 테이블을 선택하면 아래와 같이 나타난다.

draw.io - ER - Table

 

3) 테이블 행 추가

테이블에 행을 추가하려면, 행이 활성화되도록 행을 먼저 클릭하고 짙게 색칠된 화살표를 누르면된다.

draw.io 행 추가

 

아래는 행이 추가된 모습이다.

 

draw.io 행 추가 완료

 

4) 행 삭제

행 삭제를 실행하려면 지우고자 하는 행의  " = " 와 같이 생긴 것을 눌러야 한다.

 

draw.io ER - Table 삭제

테이블 삭제

Delete 키를 눌러주면 행이 사라진다.

 

5) 연관관계 설정

ER Table 연관관계 설정

위처럼 연관관계를 설정하려면 어떻게 해야할까?

 

오른쪽 화살표에 마우스 커서 올리기

 

맨 위 표에 커서 올리기

 

그러면 이렇게 똑같은 테이블이 복제된다.

 

행 복제

행을 추가하고, 테이블 명과 행의 명칭을 바꿔준다.

 

근데 중간의 화살표는 연관관계를 표시해주진 않는다.

 

그래서 나는, 처음 ER 다이어그램 선택할 때 샘플로 나오는 다이어그램들을 활용했다,

 

바로 클릭된 연관관계 화살표.

해당 화살표를 복사한다.

 

중간에 붙여넣고, 클릭해서 드래그하여 원하는 지점에서 외래키 설정을 할 수 있다.

복합기본키 설정

detail의 행을 식별하기 위해서 복합 기본키로 order_id 까지 같이 하는 경우가 있다.

 

근데 저 관계를 나타내는 관계화살표는 어디있는지 몰라서... 그냥 기본으로 만들어주는 ER 테이블 관계화살표를 사용했는데

 

어떻게 만드는지 아시는 분은 댓글로 부탁드립니다..

 

P.S

실제 프로젝트에 적용할 테이블은 아래와 같다.