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:eNqFksFKw0AQhl9l2KuV3nMolCroRQK1t4AszVQDTVI3G0FKwYNCaRUttJiKKT15Uqi1QgSfqJm-gxsTMVXQPe3h-_j_YabN6q6JTGMeHvvo1HHL4oeC24YD6tU8FJul0kalaaEjNVjOL6l_v4zOgLoBTUdAd0OaP6VwCim8rO8eVFGcoNBAL-9XdqDIW1ax5XrSK7Yts5Pye65EcBWVmQXIiz-jVqMg7g0TZC30WwGVDLrKgH96fjI5mCYDOn-myQ0oMn5ZAIXv9BbAajyiMMo7iZQLVGo4iPuvEM-ugYIujSOaB_HD4-9qiZlOud7uLz_jEzXZgxJravbbi_hqRuFi1YtYgdkobG6Zan_tRDKYPEIbDaapr4kN7jelwQyno1C_ZXKJ26YlXcG0Bm96WGDcl2711KkzTQofv6DsBjKq8wGIJelp


sequenceDiagram
    User->>+Client: 게시글 수정 요청
    Client->>API_Server: PATCH /api/posts/{id}
    Note over Client, API_Server: 게시글 수정하는 API 요청
    API_Server ->> Post : 게시글 수정 요청
    Post ->> Post : 작성자 정보 일치 확인
    Post -->> API_Server : 응답 및 예외처리
    API_Server -->> Client : 게시글 응답 및 예외처리
    Client ->> User : UI 업데이트

Request


Header : {
  cookie: ${token}
}
Body : {
	"userid": ${userId}
	"content": ${content}
}

Response


{
   
}

이전 백업

6/15 첫 번째 시퀀스 다이어그램

Online FlowChart & Diagrams Editor - Mermaid Live Editor

https://mermaid.live/edit#pako:eNqlkk9LwzAYh7_KS65u7J7DQNSDFxnM3QoS1lctru1MU0FGQVFhbBMRNqzDwbx4UihlQv1Ka_odTP-IrV4EcwrkefILvzcD0rV1JJQ4eOqi1cVtgx1xZmoWqNVxkNebzY2tnoGWoLAOJ3L8tI4uQA59uZyBnE9l-JbDOaTwzdbuQRv5GXIKrc4-NPq2I5zGwNC9nNyzBYKtzgunBmXlZ0gy8-PRNEUqcd8KqExoqQyoyFeX8joC-Rwk80nFzNB6KpXuoCAX9_H4HeLgDqQ_lI-RDP345fWPab_7-G9Maub9KCuZreLxRzkwu6bcfPawdGIK76iuHm7i20AuVskoIjViIjeZoatJD1JJI-IYTdQIVVud8RONaJanOLevM4E7uiFsTugh6zlYI8wVdvvc6hIquItfUPFVCsr7BOBn-M0


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

6/15 수정본

변경된점

요청 url “/api” prefix 추가
게시글 상세조회 요청 전 Member 조회 요청 추가
Member와 상세조회 작성자와 일치하는지 확인 여부 추가

Online FlowChart & Diagrams Editor - Mermaid Live Editor

https://mermaid.live/edit#pako:eNqlk89Kw0AQxl9l2astveegiHrwoBRqbwFZm1GDTVKTrSCloKhQ2ooWWozSSgVRBIVaK1TwiZrpOzgx0Tb-Bd3TLvv95su3mSnwjKUBV7gDm3kwMzCrizVbGKrJaKUdsOOTkxMzWR1MqbBBt4qV5qC_w7DkYrvB8KyO3btAHIhIPp2cX06BvQW2wpLpJZYQOT2RsxzpJAq6VgzUi5YEZpEm5GJsHPtoNGy4XrnuSyKWI4SRL1sAY4W2CsNmG9vEthveQ4_hRWd4Vo2AoTLuU2NFiGzVvMoj8zpHDN0Snvax63pXt1_aJSkSi3zr3i7u97_ye5X-zy0Kntdw_x7Pj_F0J0wbhB106Nx6xic3eDL_PBXU85fIyvfrple59G56bHT7a77PP_2v4T7a-XTQCFHH32pA1oFRYLwmpFGm3EG277xGVj8agKmNt_bro_gjQVyaGvHkwDvsYKs3LPd5jBtgG0LXaJQKPqRyuQ4GqFyhrSbsDZWrZpF0-ZwmJMxpurRsrqwKChDjIi-t1LaZ4Yq08_AmCmcxVBVfAB_sm-c


sequenceDiagram
    User->>+Client: 게시글 수정 요청
    Client->>API_Server: PUT /api/posts/{id}
    Note over Client, API_Server: 게시글 수정하는 API 요청
    API_Server ->> Member : 유저 정보 조회 요청
    Member -->> API_Server : 응답 및 예외처리
    API_Server ->> Post : 게시글 상세 조회 요청
    Post -->> API_Server : 응답 및 예외처리
    API_Server ->> API_Server : 작성자와 유저정보가 일치하는가 ?
        alt 일치한다면 
        API_Server ->> Post : 게시글 수정 요청
        Post -->> API_Server : 응답 및 예외처리
        API_Server -->> Client : 게시글 응답 및 예외처리
        else 일치하지 않는다면
        API_Server --> Client : 응답 및 예외처리
    end
    Client ->> User : UI 업데이트

6/16 2차 수정본

Online FlowChart & Diagrams Editor - Mermaid Live Editor


sequenceDiagram
    User->>+Client: 게시글 수정 요청
    Client->>API_Server: PATCH /api/posts/{id}
    Note over Client, API_Server: 게시글 수정하는 API 요청
    API_Server ->> Post : 게시글 수정 요청
    Post ->> Post : 작성자 정보 일치 확인
    Post -->> API_Server : 응답 및 예외처리
    API_Server -->> Client : 게시글 응답 및 예외처리
    Client ->> User : UI 업데이트

Request


Header : {
  cookie: ${token}
}
Body : {
	"userid": ${userId}
	"content": ${content}
}

Response


{
   
}

게시글을 수정하는 API

최종본

Request

Response

이전 백업

Request

Response