게시판 시퀀스 다이어그램(sequence_diagram) 그리기

게시판 시퀀스 다이어그램 코드

유즈케이스 다이어그램과 마찬가지로 VSCODE의 PlantUML을 사용해서 시퀀스 다이어그램(sequence_diagram)을 그렸다. 

 

@startuml
participant User as U
participant "Web" as W
participant "DB" as D

U -> W : 1. 게시글 작성 버튼 클릭
activate U
activate W
W -> U : 2. 게시글 작성화면 제공
deactivate W
opt 사진첨부 하는 경우
U -> W : 3. 사진 첨부 하기 
activate W
W -> D : 4. 사진 정보 저장
activate D
W <-- D : 5. 사진 정보 저장 완료  
deactivate D   
W --> U : 6. 사진 첨부 완료
deactivate W 
end
U -> W : 7. 게시글 등록 버튼 클릭
activate W 
W -> D : 8. 게시글 내용 저장 
activate D 

@enduml

 

시퀀스 다이어그램(sequence_diagram) 

사용자가 게시글 작성 버튼을 클릭하면 Web이 활성화 된다. 게시글 작성화면을 제공하면 사용자는 글을 작성한다. 선택적으로 사진을 첨부할 수도 있다. 사진을 첨부하면 Web에서 DB로 사진 정보가 저장되며 DB는 저장된 사진을 다시 Web에서 보여준다. 사진 첨부가 완료되면 사용자는 게시글을 등록한다. 게시글 내용은 DB에 저장된다.  
 
아직 미완성이다. 게시글 작성, 수정, 삭제, 조회, 댓글 등록도 시퀀스 다이어그램을 그려볼 계획이다.