VSCode : plantuml로 Sequence Diagram 작성하기

 본 포스트에서는 plantuml을 이용하여 Sequence Diagram 작성 예시를 알아보고, VSCode에서 미리보기 방법에 대해서도 알아보려고 한다. 포스팅을 위해 파일 저장 및 백업하는 프로그램을 가정하고 Seqeunce Diagram을 작성해 보았다. Seqeunce Diagram에서 자주 활용할 수 있는 예제들을 포함하여 작성하였으므로, 추후에 Diagram을 그릴 일이 있을 때 본 포스트에 있는 스크립트 예제와 Diagram을 참고하여 필요한 부분을 가져다가 활용할 수 있을 것 같다.

 

** plantuml 문법은 공식 사이트 Link 를 참고하여 작성하였음.

 

 

Sequence Diagram 샘플 코드

 

 

 

VSCode에서 미리보기 방법

방법1. 단축키 [ Alt + D ] 선택

방법2. 단축키 [ Ctrl + Shift + P ] -> Command 창에서 "plantuml"을 입력한 뒤, "Preview Current Diagram" 선택

방법3. uml 스크립트 본문에서 마우스 우클릭하여 "Preview Current Diagram" 선택

 

** Tip) 방법2,3 에서 "Export Current Diagram"을 선택하면 png 파일로 우측 이미지를 저장할 수 있다.

VSCode에서 plantuml 미리보기(Preview Current Diagram)