Mac에서 PlantUML을 사용하여 시퀀스 다이어그램을 그려보세요 (VSCode)

3419 단어 Macplantumluml

PlantUML이란?



PlantUML을 사용하면 시퀀스 다이어그램, 클래스 다이어그램 등을 코드에서 쉽게 만들 수 있습니다.
또한 오픈 소스이므로 무료로 사용할 수 있습니다.
공식 페이지 URL
PlantUML 개요

Mac 환경에 배포


  • VSCode 다운로드
  • 다음 URL에서 다운로드
  • Visual Studio Code

  • 설치에 대해서는 이하의 기사를 참고로 하면 부드럽게 실시할 수 있을까 생각합니다
  • MacOS에서 Visual Studio Code를 설치하는 단계


  • Java 설치 (PlantUML 실행에 필요)
  • Java SE Downloads
  • 위의 링크로 이동하여 JDK Download를 선택
  • Java SE Development Kit에서 macOS Installer 용 키트를 선택하고 다운로드 및 설치합니다.

  • graphviz 설치
  • 콘솔 화면에서 다음 명령을 실행하여 설치합니다.
  • brew install graphviz※이번은 brew를 사용해 인스톨하고 있습니다
    Homebrew


  • VSCode에 PlantUML 도입
  • VSCode 확장 프로그램에서 PlantUML 설치



    • 실제로 그려 보자.



    기술시 참고 사이트 : PlantUML Cheat Sheet
  • 파일 만들기
  • 확장자를 .pu 형식으로 저장하면 PlantUML로 인식합니다.

  • 시퀀스 다이어그램을 그려보세요
    시험에 다음과 같은 내용으로 작성해 보았습니다 
    • @startuml

actor アクター

アクター -> クラス1

activate クラス1
クラス1 -> クラス2 : テスト1

activate クラス2
クラス1 <-- クラス2 : テスト1戻り
deactivate クラス2

クラス1 -> クラス1 : テスト結果判定
アクター <-- クラス1 : テスト結果出力
deactivate クラス1

@enduml
  • 미리보기에서 보기
  • VSCode에서 샷컷 키 Option+D 를 누르면 미리보기 화면이 표시됩니다.


  • 파일 출력하기
  • VSCode에서 샷 컷 키 cmd+shift+p를 눌러 명령 팔레트를 표시합니다.
  • 명령 팔레트에 PlantUML를 입력하면 각각의 조작이 나오므로 カーソル一のダイアグラムをエクスポート를 선택

  • 확장자 선택하기

    　　 - 출력이 개시되므로 무사 지정 형식의 파일이 완성되고 있으면 완성입니다!
    　


    • 그 외 도입시에 참고로 한 기사


  • Visual Studio Code로 UML을 그립니다!
    • 서비스 메쉬에 대한 다이어그램 (PlantUML)
    캐스케이드 장애 및 회로 차단기 다이어그램 (PlantUML)

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage