Portfolio

최종본

📙

2022-06-16(목)

Online FlowChart & Diagrams Editor - Mermaid Live Editor

Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript.

https://mermaid.live/edit#pako:eNqNks9LAkEUx_-Vx1xT9r4HIXIPgYRg3hZicJ-1tD9sdjYIEfphEK4RgZKJgnXolCBisP1L7uz_0KyrtV6qOb3D5_Pe981Mk9RcA4lKPDzz0alh0aTHjNq6A_JUPWT5QmFnzzLR4Sos510RjJbhJYjXQPTbYtgDcT0VkxHIUsynqZbiUtwt7x9VkJ0jU6GolbRDDRTaMJWG63FPaZpGS7HMU0ytA5cjuJJd-znI6r-MjvuDqNNL6K0UPzbIKFCWM2Grz82VaIcgXmbxsLtlrtCNU5IB4d-rfxv5zEwxfoyCD4hmDyAGd-I5FPNB9PaeHZbQmcB_ONnVEjO9MGnF_UUUfGbDrtpkn2W1WPKwEq_KG3u6je5nYryIOyHJERuZTU1DfohmIumEn6CNOlFlaWCd-hbXie60JOo3DMpRM0zuMqLWqeVhjlCfu5ULp0ZUznzcQOtPtaZaX2caEHY


sequenceDiagram
    User->>+Client: 게시글 좋아요 삭제 요청
    Client->>API_Server: DELETE /api/posts/{id}/like
    Note over Client, API_Server: 게시글 좋아요 삭제 하는 API 요청
    API_Server ->> Post : 게시글 상세 조회 요청
    Post ->> PostLike : 게시글 좋아요 삭제 요청
    PostLike -->> Post : 응답 및 예외처리
    Post -->> API_Server : 응답 및 예외처리
    API_Server -->> Client : 해당 게시글 응답
    Client ->> User : UI 업데이트

Request


Header : {
  cookie: ${token}
}
Body : {
	"userid": ${userId}
	"postId": ${postId}
	"likeId": ${postLikeId}
}

Response


{
   
}

이전 백업

6/15 수정 본

변경된점

요청 url “/api” prefix 추가
게시글 상세조회 요청 전 Member 조회 요청 추가

Online FlowChart & Diagrams Editor - Mermaid Live Editor

https://mermaid.live/edit#pako:eNqlkt9LwlAUx_-Vw31N2fsehMg9BBaC-TaI5U41dJttd0GI0A-DcEYEjkwUVg89JYgZrH_J3f0P3blVEySC9nQePp_zPXfntEjNVJGIxMYTB40aFjXlyFJ02QD-VW208oXCxlZDQ4OKsJj1mDtaBOfAnl3mddiwD-xywvwR8JLNJomW4FzcLG_vV9A6RUuEolSS9iQQlKYmNE2b2kJLU9tCQ6tjYu2aFMHkbOrnIKv_Eh15g7Dbj-mVKX5s4KPADuoHvBSBjXzm8za-F77NgT1No2FvRUzJfGxlmnBzfB-67xBO74ANbthjwGaD8OV1bVyZPxFWxr66YJ1gXd4S_X9aif9J-POOvo1_BMdmsituRd48dD-y8cs22YtYjhrfFMerfFkP1-HtlI3nUTcgOaKjpSuaym-xFUsyoceoo0xEXqqKVZeJbLQ55zRVhaKkatS0iHioNGzMEcWhZuXMqBGRWg5-Qekxp1T7Ex8qRgU


sequenceDiagram
    User->>+Client: 게시글 좋아요 삭제 요청
    Client->>API_Server: DELETE /api/posts/{id}/like
    Note over Client, API_Server: 게시글 좋아요 삭제 하는 API 요청
    API_Server ->> Member : 유저 정보 조회 요청
    Member -->> API_Server : 응답 및 예외처리
    API_Server ->> Post : 게시글 상세 조회 요청
    Post -->> API_Server : 응답 및 예외처리
    API_Server ->> PostLike : 게시글 좋아요 삭제 요청
    PostLike -->> API_Server : 응답 및 예외처리
    API_Server -->> Client : 해당 게시글 응답
    Client ->> User : UI 업데이트

6/15 첫 번째 다이어그램

Online FlowChart & Diagrams Editor - Mermaid Live Editor

https://mermaid.live/edit#pako:eNqlks9LAkEUx_-Vx1xTvM9BiNxDICGYt4UY3Fcturs2OxuECP0wCNeIQMlEwTp0ShAx2P4ld_Z_aNa1Wg9F0Jze4fN53zdvpkmqjoGEEhdPPLSrWDDZEWeWboM6FRd5Np_f2qmbaAsKy3lX-qNlcA7y2Zf9thz2QF5O5WQEqpTzaaIluBK3S7sHZeSnyCkUtKK2r0Gu4bjCzTVNo5WrmzVMjD1HIDiKW7sZSKu_xEb9QdjpxfTGBN82qDGgpDJho8_VhWwHIJ9m0bC7Ya7QbCylelCQ4_vQf4NwdgdycCMfAzkfhC-vP6YV1dXgzwv7Mv4RHJvJ8pQV9Reh_56OX7VJP89q1PiBFV5R23u4Dm9ncryIOgHJEAu5xUxDfYxmLOlEHKOFOqGqNBiv6US3W4rzGgYTqBmmcDihh6zuYoYwTzjlM7tKqOAefkLrn7WmWh_Z_xHe


sequenceDiagram
    User->>+Client: 게시글 좋아요 삭제 요청
    Client->>API_Server: DELETE /posts/{id}/like
    Note over Client, API_Server: 게시글 좋아요 삭제 하는 API 요청
    API_Server ->> Post : 게시글 상세 조회 요청
    Post -->> API_Server : 응답 및 예외처리
    API_Server ->> PostLike : 게시글 좋아요 삭제 요청
    PostLike -->> API_Server : 응답 및 예외처리
    API_Server -->> Client : 해당 게시글 응답
    Client ->> User : UI 업데이트

게시글 좋아요를 취소하는 API

최종본

Request

Response

이전 백업