시퀀스 다이어그램 (웹 무료 툴)

 개발 분석이나 산출물로 시퀀스 다이어그램을 그려야 할 일이 있어서 도구를 찾던 중 웹에서 간편하게 사용할 수 있는 곳이 있어 공유합니다.

 2곳이 있는데 비슷하면서도 각각 특색이 있습니다. 

 

첫번째는 

https://www.websequencediagrams.com/

 

WebSequenceDiagrams - Draw sequence diagrams online in seconds

화면은 이렇게 생겼고, 그리고 싶은 유형이 왼쪽에 메뉴로 보이고 클릭하면 커맨드 라인이 자동 완성됩니다.

그리고 오른쪽에 자동으로 그려집니다.

좌측에 메뉴가 있어서 눌러보면서 생성된 커맨드 라인을 참고해서 작업할 수 있습니다.

당연히 파일로 추출도 가능합니다.

파일로 export

export 파일 유형 선택

 

두번째는 

https://sequencediagram.org/

SequenceDiagram.org - UML Sequence Diagram Online Tool

첫번째와 비슷하지만 UI적으로 살짝 집중도가 떨어지는 느낌입니다. 그래도 그려지는 결과물이나 기능에 대한 설명이 있어서 좋습니다.

간단하게 사용하면 첫번째 사이트를 이용하면 좋을 것 같고,  좀 더 여러가지 사용해보고 싶으면 두번째 사이트를 이용하면 좋을 것 같습니다.

 

사용법 설명은 여기서 보시면 됩니다.

https://sequencediagram.org/instructions.html

SequenceDiagram.org - Instructions and Examples

 

설명중 일부를 보여드리자면, 

이런식으로 되어있습니다.

 

 처음에는 command line으로 입력하는 게 뭔가 싶었는데 직접 화살표나 선 텍스트 그리는 것 보다 훨씬 간단하고 자동으로 바로 그려주니까 오히려 쉽고 재밌게 그릴 수 있는 것 같습니다. 

 

 여담으로 시퀀스 다이어그램은 소스코드를 이해할 때 굉장이 좋은 것 같습니다. 그려보면 간단하게 보여서 flow가 한눈에 보이고 파악하기 쉬운데 확실히 남이 그린 걸 보는 것 보다 내가 그려보면서 느끼는 게 최고인 것 같습니다.

 시퀀스 다이어그램을 그려보면 생각보다 간단하게 보여서 분석하고 그리느라 애먹고 시간걸렸는데 그러지 못해 보일까봐 약간 신경쓰이게 되는 부분이 있는 것 같습니다.