ERD + DBML + ChartDB

한동안 진행중인 프로젝트에서 Table생성하는 것에 고통을 받았다. (사실 지금도 여전히 고통을 받고 있다)

고객사에는 당연히 제공 받을 것으로 기대하는 ER-Win + 메타연동 기능이 없다.

설상가상으로 협업하고 있는 DA로 부터 제공 받을 수 있는 것은 엑셀을 사용한 테이블 레이아웃 신청이다.

그 와중에 전체적인 ERD를 내 온몸이 요구하고 있어 여러 조사를 했으나, 기껏 찾은것은 VSCode 플러그인중 vuerd가 그나마 제일 그럴듯 하다.

하지만 테이블이 좀 많아지면 팀원들에게 제공하기 위해 PNG로 export하는 기능이 매우 취약하다.

개인적으로 사용하는 PC에서는 나름 잘 export되는데, 사무실에서 사용하는 PC에서는 거의 불가능했다.

여러가지를 검토한다고 해 봤으나

• 아주 오래된 Win32 혹은 Java UI형태의 Client
• Oneline Service
• JavaScript 가시화 라이브러리로 만들어진 계열

결국 JavaScript 가시화 라이브러리 계열의 DrawDB와 ChartDB로 수렴이 되는데 이 두 녀석은 묘하게 닮아 있는것이 동일한 소스에서 출발한 것인가 싶기도 했다

이 중 ChartDB를 선택한 결정적 이유는 마우스 왼쪽 버튼을 누른상태에서 화면이동이 가능하다는 점이다. DrawDB는 (중간)스크롤 버튼을 누른상태에서 이동을 해야 하는데 그게 (방법은 알지만) 쉽지않은 조작이다.

사실 첫 번째 좌절포인트는 주로 DBeaver에서 추출한 DDL을 가지고 ERD를 재구성 해 보려고 했지만, DrawDB나 ChartDB나 모두 SQL을 파싱하는 부분이 그렇게 쉽지만은 않다는 점이었다.

그렇다고 한땀 한땀 스크립트를 조정해서 넣는건 의미가 없다.

VSCode vuer에서는 그냥 논리명을 입력해서 대충 설계하고 사람들과 공유하고 있었다.

오라클이라는 제약을 포기하고(나는 엔티티와 어트리뷰트의 Map이 필요할 뿐이다) 그래도 지원이 잘 되는 PostreSQL 구성에 Oracle에서 추출한 DDL을 DBML로 변환시켜주는 간단한 Node 프로그램을 제미나이로부터 제공받아 돌려보니 그럴듯 한 것이 쓸만하다는 생각이 든다.

결론적으로

• ERD도구 모델에서 DBMS유형에서 Oracle을 고집하지 말라(대세는 PostgreSQL)
• Oracle DDL을 억지로 Import하려 하지말라(대세는 DBML)
• Java로 변환프로그램 짜려고 하지말라(대세는 Node 아니 JavaScript)

Schema를 생성 해 놓고 보니 물리명으로만 봐서는 뭐가뭔지 모르겠는 상황이다.

제약사항은

• DrawDB의 경우 테이블 코멘트와 컬럼 코멘트를 왼쪽 테이블목록에서 보인다.
• ChartDB의 경우 테이블 코멘트는 왼쪽 테이블목록에서 컬럼 코멘트는 조그만 말풍선 아이콘에 마우스를 가져다 대야 보인다.

이럼 망하는건데.

일단 ChartDB를 folk하고 좀 살펴보니 고맙게도 코멘트속성은 이미 화면에 다 내려와 있고 노출만 하면 되는 상황이다.

<TooltipTrigger asChild>
    <div
        onDoubleClick={enterEditMode}
        className="text-editable truncate px-2 py-0.5"
    >
        {table.comments} / {table.name}
        <span className="text-xs text-muted-foreground">
            {schemaToDisplay
                ? ` (${schemaToDisplay})`
                : ''}
        </span>
    </div>
</TooltipTrigger>

그냥 간단하게 table.name 앞에 table.comments를 노출하는 것으로 내가 원하는 바를 이룰 수 있다.

이정도면 기본기능으로 누군가 요청했을법도 하다는 생각이지만. (이유가 있겠지 싶다)