반응형
텍스트로 다이어그램그리기 - Plant UML
PlantUML을 이용하여 다양한 다이어그램을 쉽게 작성할 수 있습니다. markdown문법에 익숙하신 분들은 PlantUML사이트의 여러가지 문법을 사용하다보면 금방 익숙해 질 수 있을 것 같습니다.
하지만 문법이 너무 많고 매번 사용하는 기능이 아니다 보니 실제로 다이어그램을 그릴 때마다 필요한 그림을 그릴때 어떤 문법을 사용해야 하는 지 찾기가 어려울 때가 많았습니다. 그래서 시퀀스 다이어그램을 그릴 때 주로 사용하는 기능들을 다 넣어서 예제를 만들어 봤습니다.
online plantuml사이트 (plantuml-editor.kkeisuke.com/)로 들어가셔서 아래의 [시퀀스 다이어그램] 예제코드를 넣은 후ctrl+enter를 누르면 plantuml 코드를 그림으로 우측에 바로 보여줍니다. 필요한 부분만 복사해서 사용하면 되니 편리하네요 :-)
시퀀스 다이어그램 예제 코드
시퀀스 다이어 그램을 그릴 때 사용되는
-
한줄주석/여러줄 주석 만들기
-
시퀀스 다이어그램 참여자 선언하기
-
시퀀스 다이어그램 참가자 강조하기
-
시퀀스 다이어그램 메세지에 순서 넣기, 숫자 변경하기
-
시퀀스 다이어그램 그리기
-
시퀀스 다이어그램 화살표 바꾸기
-
시퀀스 다이어그램 화살표 색상 바꾸기
-
시퀀스 다이어그램 그룹 만들기
-
시퀀스 다이어그램 메모 만들기
-
시퀀스 다이어그램 구분자 만들기
에 대한 내용을 모두 코드에 넣었습니다.
@startuml
' 한줄 주석
/'
여러줄 주석 사용방법
'/
'1. 참여자 선언 하기
actor A #FF0000
actor B
box "참가자 강조하기" #LightBlue
participant Keyboard
participant Computer
end box
participant "프린터\n(두줄로 표시하기)" as PRT
' 2. 메세지에 순서 넣기
autonumber
'2.1. 번호매김 숫자 변경
autonumber 100
'3. 시퀀스 다이어그램 그리기
사용자->Keyboard
사용자-->Keyboard
Keyboard->Computer: Authentication Request
Computer->PRT: Log transaction
return ok
'3.1. 화살표 모양 바꾸기
alt "화살표 모양바꾸기"
autonumber 200
Computer ->x PRT
Computer -> PRT
Computer ->> PRT
Computer -\ PRT
Computer \\- PRT
Computer //-- PRT
Computer ->o PRT
Computer o\\-- PRT
end
note right: "3.1. 화살표 모양 바꾸기"
'3.2. 화살표 색상 바꾸기
alt "화살표 색상바꾸기"
Computer -[#red]> PRT : 화살표 색상변경
Computer -[#0000FF]->Computer : 화살표 색상변경
end
note right: "3.2. 화살표 색상 바꾸기"
'3.3. 그룹 적용하기
alt 그룹적용하기
alt good case
Computer <-> PRT
else bad case
Computer <->o PRT
else default
Computer -> PRT
end
group test
loop 100회
Computer -> PRT
end
end
end
note right: "3.3. 그룹 적용하기"
'3.4. 메모 넣기
note over Keyboard, PRT : 메모 만들기
Computer -> PRT
note right : "노트만들기"
note left
여러줄 노트를
만들때 사용함
end note
note over Keyboard : 선위에 메모만들기
'3.5. 구분자만들기
== 구분자 만들기 ==
...5 minutes latter...
@enduml
반응형
'Programming' 카테고리의 다른 글
Google Chome 느려질 때 대처방법 (0) | 2021.02.02 |
---|---|
window 10 홈 도커 설치 에러 (WSL 2 installation is incomplete) (2) | 2021.01.21 |
window 10 홈에 도커로 우분투 설치 (0) | 2021.01.21 |
Text로 간단히 UML 그리기 (0) | 2021.01.20 |
VSCODE 에서 git branch 그래프로 보기 (2) | 2021.01.14 |