PlantUML로 ER 다이어그램을 그려보세요

필요한 것


  • 편집기
  • VSCode

  • VSCode 플러그인
  • PlantUML


  • 환경 구축



    Docker로 PlantUML이 움직이는 환경을 구축한다.

    PlantUML Server 시작


  • plantuml-server
  • docker run -d --name plantuml_server -p 8080:8080 plantuml/plantuml-server:jetty
    

    VSCode 설정



    플러그인의 PlantUML에 커서를 놓고 마우스 오른쪽 버튼을 클릭 → Extension Settings


    설정 항목



    Plantuml: Render
    PlantUMLServer

    Plantuml: Server
    http://localhost:8080




    단일 테이블 만들기


    @startuml ""
    
    Class "order:注文" as order <<T,FFAA00)>> {
      + order_id: 注文ID [PK]
      ---
      order_date: 注文日
      product_code: 商品コード [FK]
      customer_code: 顧客コード [FK]
      quantity: 数量
      created_at: 作成日
      updated_at: 更新日
    }
    
    @enduml
    



    미리보기는 Mac이라면 "옵션 + D"로 열립니다.

    여러 테이블을 만들고 관계를 그려보세요


    
    @startuml ""
    
    !include ./order.pu
    !include ./customer.pu
    !include ./product.pu
    
    product "1..*"--ri--"1" order
    order "1..*"--ri--"1" customer
    
    @enduml
    



    레이아웃 방향




    방향
    키워드


    상단
    up

    아래
    do

    왼쪽
    le

    오른쪽
    ri


    참고


  • PlantUML에서 ER 다이어그램 (ERD) 그리기 (비슷하지 않음)
  • 좋은 웹페이지 즐겨찾기