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을 그립니다!
  • 좋은 웹페이지 즐겨찾기