시퀀스 다이어그램은 매우 강력합니다.

이 게시물에서는 시퀀스 다이어그램의 중요성을 강조하고 싶습니다. 기술 책임자로서 저는 여러 팀의 많은 프로젝트에 참여하고 있습니다. 팀은 아이디어가 있고, 브레인스토밍을 조직하고 반짝이는 새 항목으로 달성하고자 하는 것에 대한 일종의 문서를 만듭니다. 일반적으로 그들이 나에게 디자인 결정을 내리거나 단순히 그들이 가지고 있는 것을 검토하도록 요청하는 지점입니다. 내 경험상 초기 설계 문서가 모든 것을 다루지는 않습니다. 이것은 프로젝트를 발전시키는 자연스러운 방법이지만 이러한 맹점은 기술적인 결정에 도움이 되지 않습니다. 악마는 세부 사항에 살고 있습니다. 알다시피 (또는 알 것입니다). 따라서 일반적으로 저는 누락된 부품을 찾기 위한 도구가 필요합니다. 그러면 시간을 절약하고 동시에 팀의 문제 이해도를 높일 수 있습니다. 저는 시각적인 사람이 아닙니다. 그림을 그리거나 상자에 적합한 색상을 선택하는 것을 싫어합니다. 반면에 저는 재현할 수 없는 바이너리 형식이나 거의 편집할 수 없는 SVG를 선호하지 않습니다. 저는 최종 결과를 버전 제어에 넣는 것을 좋아하기 때문에 시퀀스 다이어그램과 같은 단순한 솔루션을 찾고 있습니다.

조언을 부탁드립니다https://sequencediagram.org/.



이 정도면 괜찮아 보입니다. 팀 구성원은 무슨 일이 일어나고 있는지 쉽게 이해하고 적절한 설계 결정을 내리기 위해 누락된 사항을 조사하는 데 도움이 됩니다. 그것은 shareable이며 마지막으로 간단한 코드입니다.

title Sample project

actor User
participantgroup #pink **Cluster**
    participantgroup #lightgreen **  Fancy\nfrontend**
        fontawesome5regular f0f8 Frontend
    end
    participantgroup #lightblue **  Fancy\nbackend**
        control Backend
        database Database
    end
    entity #grey:1 Third party
end

group #2f2e7b Some user action #white
    abox over Third party:We haven't choose an implementation
    User->Frontend:Change something
    Frontend->Backend:Validate
    activate Backend
    Backend->Backend:Validate
    Backend->Database:Persist
    deactivate Backend
    Backend<--Database:Watch persisted
    activate Backend
    Backend<->Database:Fetch something
    Backend->Backend:Validate everything
    alt In some case
        Backend->Frontend:Send notification to user
        Frontend-->>User:Send notification
    else Other case
        Backend->Frontend:Create a job
        create Job
        Backend->Job:Create
        Job->Third party:Interact with third party
        destroysilent Job
        Backend->Frontend:Send notification to user
        Frontend-->>User:Send notification
        deactivate Backend
    end
end