Atom으로 UML 그림 그리기

개요

스프레드시트 소프트웨어로 다이어그램을 그리는 데 지쳤고, 다이어그램을 버전 관리하는 것이 미묘했지만 Atom과 PlantUML이 이 문제를 해결해 줄 것 같아요.

텍스트라면 버전 관리와의 친화성도 좋네요.

Atom( htps : // 나중에 m. 이오/ ):
멋진 편집기입니다. 더 이상의 설명은 필요하지 않습니다.

PlantUML( htp : //p ㅁㅁㅁml. 코m/ ):
텍스트에서 UML 다이어그램을 생성하는 도구입니다. 전용 언어로 UML을 작성하게 됩니다만, 간단하기 때문에 학습 비용은 높지 않습니다.

PlantUML은 실행 가능한 JAR 파일에서도 제공되므로 텍스트에서 다이어그램을 생성하는 것은 쉽게 시도 할 수 있습니다.
또한 PlantUML의 공식 사이트에서는 입력된 텍스트에서 다이내믹하게 다이어그램을 생성하는 샘플이 동작하기 때문에 우선 PlantUML을 터치하는 것도 간단합니다.

Installation

내 환경 (소프트웨어)은 다음과 같습니다.

- macOS: 10.12.4
  software:
    - Atom: 1.16.0
      packages:
        - plantuml-viewer: 0.7.1
        - language-plantuml: 0.2.0
    - MacPorts: 2.4.1
      ports:
        - Graphviz: 2.40.1_1

Atom의 packge의 plantuml-viewer가 "Atom으로 UML 그림 그리기"를 모두 해줍니다. 최고의 패키지입니다. language-plantuml은 .plantuml 파일을 Syntax highlighting 해줍니다. 편리한 패키지입니다.

Windows에서도 비슷한 환경을 구축하고 PlantUML 할 수 있지만, 환경에 친숙하지 않으므로 세부 사항을 작성할 수 없습니다.

MacPorts and ports

MacPorts는 macOS용 패키지 관리 시스템입니다. 이번에는 PlantUML에 그림을 그리기 위해 Graphviz가 필요하기 때문에 Graphviz를 설치합니다.

MacPorts는 htps //w w. 마 c포 rts. rg/에서 다운로드할 수 있습니다. 다운로드한 설치 프로그램을 실행합니다. 이제 port 명령을 사용할 수 있습니다.

Graphviz는 다음 명령으로 설치합니다. 이제 dot 명령을 사용할 수 있습니다.

$ sudo port install graphviz
...
$ which dot
/opt/local/bin/dot

Atom and packages

Atom은 훌륭한 편집기입니다. 이제 plantuml을 작성합니다.

Atom은 htps : // 나중에 m. 이오/에서 다운로드할 수 있습니다. 다운로드 한 ZIP을 압축 해제하고 /Applications에 설치합니다.

packages는 Atom 메뉴의 Atom > Preferences... ⌘,
plantuml-viewer 설정 Settings > Install 에 Graphviz Dot Executable 경로 ( dot )를 설정합니다. 설치한 package의 Settings는 Atom의 메뉴 /opt/local/bin/dot 로부터의 Atom > Preferences... ⌘, 의 각 package의 Settings 버튼으로 천이할 수 있습니다.

하지만

예를 들어 "Atom에서 UML 다이어그램을 그리는 환경"을 그려 보았습니다. plantuml을 작성하는 방법을 찾고 있습니다. (중심의 UML 다이어그램에 자신감이 없습니다 ...)

.plantuml 파일을 Atom에서 열고 메뉴에서 Settings > Packages를 실행하거나 Packages > PlantUML Viewer > Toggle View ^⌥P에서 다이어그램 미리보기가 표시됩니다. 미리보기는 .plantuml을 변경할 때마다 업데이트됩니다.

env.plantuml



env.png



plantuml-viewer의 preview를 ctrl-alt-p 할 때 파일 이름에 .png를 붙이면 PNG 이미지로 저장할 수 있습니다. 확장자가 없으면 EPS가 될 것 같습니다. (SVG도 출력할 수 있습니다)

plantuml의 기본적인 쓰는 방법은 공식 사이트가 참고가 됩니다.