본문 바로가기
프로그래밍

비주얼 스튜디오 코드로 UML 그리기

by bantomak 2023. 12. 19.
반응형

비주얼 스튜디오 코드(Visual Studio Code)란?

비주얼 스튜디오는 마이크로 소프트에서 개발한 소스 코드 편집기이다.

비주얼 스튜디오 코드는 가볍고 빠르고 사용하기에 편하다. 말 잘 듣는 작은 강아지 같다고 할까?

 

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

비주얼 스튜디오 코드의 장점

  • 가볍고 빠르다. 설치도 금방 한다.
  • 다양한 확장 프로그램을 지원한다.
  • 웹 버전을 지원한다.
  • 메모장처럼 쓰기에 편하다.
  • UI가 이쁘다.

 

비주얼 스튜디오 코드에서 PlantUML로 UML 그리기

비주얼 스튜디오 코드에서 사용가능한 확장 프로그램으로 UML을 그리면 개발력이 살짝은 상승할 것이다.

Ctrl + Shift + X를 누르거나 Extensions 메뉴를 찾아들어가서 PlantUML을 검색해서 설치하자.

 

plant 까지만 치면 맨위에 검색이 될 것이다!

 

 

uml을 그리기 위해서 설정이 필요한데 PlantUML의 톱니바퀴 모양을 누르고 Extension Settings로 들어가서 

 

 

당신의 데이터를 넘기는 대신 PlantUML이 UML을 그려준다고 내용이다.

 

Extension Settings로 진입이 가능하다.

 

예제 스크립트

이제 새로 파일을 생성하고 아래의 내용을 작성해 보자.

 

@startuml
participant Last order 30
participant Middle order 20
participant First order 10
@enduml

 

작성 이후의 파일의 형식을 txt에서 uml로 변경해야지 정상적으로 UML이 그려진다.

비주얼 스튜디오 우측 최하단을 보면 파일 형식을 바꾸는 UI가 있어서 해당 부분을 클릭하면 편하게 변경이 가능하다.

 

우측 최하단을 눌러서 PlantUML 형식으로 변경하자.

 

이제 신나게 UML을 그리는 일만 남았다. 즐겨보자.

 

 

함께 읽으면 좋은 글

추가적인 사용방법 관련해서는 공식 홈페이지를 참고하자

 

 

간단한 텍스트를 이용하여 멋진 UML 다이어그램을 만들 수 있는 오픈소스 도구입니다.

간단한 텍스트를 이용하여 쉽게 멋진 UML 다이어그램을 만들 수 있으며, 다양한 종류의 다이어그램을 제공하고 있습니다. 또한, 생성된 다이어그램을 PNG, LaTeX, EPS, SVG 와 같은 이미지로 변환할 수

plantuml.com

댓글