vscode ERD Editor - ERD 무료 툴, DB설계, Table설계 무료 툴 추천!

실무를 하면서 DB테이블 설계를 진행했다. 팀원들과 공유도 쉽고, 유지보수도 쉽고, 설계할 때 한눈에 보기 쉬운 툴이 무엇일까 알아보다가 Visual Studio Code에 있는 ERD Editor라는 확장 프로그램을 알게 되었다. 설치도 간단하고 사용법도 쉬워서 개발자들에게 공유하고 싶었다.

---

먼저, vscode를 키고 왼쪽 메뉴의 Extensions(ctrl+shift+X)를 클릭한다.

검색 입력창에 ERD Editor라고 검색 후,  Install 버튼을 클릭하여 설치하면 끝이다!

 

설치가 완료되면, 원하는 경로에 파일을 생성하고, 저장할 때 확장자를 .vuerd.json으로 하면 된다.

파일 생성 예시

파일 생성이 완료되면, 검은색 바탕이 뜰 것이다.

해당 화면에서 우클릭을 하면 테이블생성, 옵션, 관계설정 등 메뉴들이 보인다.

 

테이블 생성을 하게되면 다음과 같이 테이블명, 컬럼 정보 등 입력하여
설계 할 때 필요한 테이블들을 생성/관리 할 수 있다.

또, 위의 메뉴에 Schema SQL을 누르면 생성한 테이블의 DDL로 변환이 되어 DB에 해당 DDL로 생성하기도 쉽다.

 

이 외에도 옵션 설정, 테이블간의 관계를 표시하는 메뉴 등 있어서 vscode의 ERD Editor는 참 유용하다!