필요한 것

편집기

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) 그리기 (비슷하지 않음)