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:eNqtlFFr01AUx7_K4b7asfc8bAz1YS9a6PYWkEtzrcEmqUkqjDGoOqF0Ex22LpZmuAc3hIldzbSD7Qv13nwHz-1N2mQNFsH7dMn9_875n5x77i6pOgYjGvHYiyazq-yBSWsutXQbcG17zF1ZW7t3v24y29dgMjoUB4PJuAXi5EjsX4Lod8XouxIrEco3yptPKsx9yVwNyo8rW7BKG-Zqw_F8TykfOT4DB88TpgRZ5G6SuBfwTldKcunmCGBOKGN4WOJwqknFmxatsTwRRvzHWJy3gH-85KfhAquQlUy6OSLCI35wBXz4HkTQFp_HYhTws4uCxIjx15HofxPHHyDuRZg9fjOY_B7zrzcgfnUnw1b8qY0l42Zd8bTuJycIDNDyregP1VHdcRq5KCDaAfDzw_jVDboJ-M8rJVzwsUVraCWHFtSdYlItyUVKuhKnkTi5ANUq-WEd5visglT0JVdBdhVkSoq6xj8WxR3cnYXTjHc8pmtK50v8a2tmi9U9lljEMqYt7XVEuP8vXnNtUP363z6ZbRQ0JnclC6MoYI7O4uAmc6RuiAyXma8l1rKTKEk11MuoRCUB-cygfBsH_PgtfzfEqcJOkxKxmGtR08DnaVdCOvGfMYvpRMOtQd3nOtHtPdQ1Gwb12UPD9B2XaE8ptrJEaNN3Kjt2lWi-22SpKHnfEtXeH79SK2Y


sequenceDiagram
    User->>+Client: 게시글 작성 요청
    Client->>API_Server: POST /api/posts
    Note over Client, API_Server: 게시글 작성하는 API 요청
    API_Server ->> Post : 게시글 작성 요청
    Post ->> PostImage : 게시글 이미지 등록 요청
    PostImage -->> Post : 이미지 응답 및 예외처리
    Post ->> Post : 내용에 해시태그를 추가했는가?
    alt 추가 한 경우
    loop 해시태그 수 만큼 반복
        Post ->> PostTag : 해시태그 등록 요청
        PostTag ->> Tag : 해시태그가 존재 하는가 ? 
            alt 존재 할 경우
                PostTag ->> Tag : 태그 카운트 증가 요청
                Tag -->> PostTag : 응답 및 예외처리
             else 존재하지 않을 경우
                PostTag ->> Tag : 해시태그 추가 요청
                Tag -->> PostTag : 응답 및 예외처리
            end
        PostTag -->> Post : 응답 및 예외처리      
        end
    end     
    Post -->> API_Server : 응답 및 예외처리
    API_Server -->> Client : 응답 및 예외처리
    Client ->> User : UI 업데이트

Request


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

Response


{
   
}

이전 백업

6/15 첫 번째

Online FlowChart & Diagrams Editor - Mermaid Live Editor

https://mermaid.live/edit#pako:eNqVk89LG1EQx_-V4V2NeN-DUqoHLzYQvS2UR3aqwWQ37r4IRQRLrYQkokKCazDBHtSLwpqmbQT9h7Kz_0Nnf8RdbSD4DsubfZ-Z78ybN3uiaBkoNOHgTg3NIi6X5KYtK7oJvDYctOcXF-c-lktoKg3GgxY1L8ejA6D-GR0-AHXbNLiP4Rhi_EN-9XMB7V20Nch_KqzDQtVylBNTa5ZCsPgs4XOQxd8KBB3Xb7RD5JVU6gKsB3kODzOyi5gMHHy_HP8djT2Gfw6pfxcqNeuwFNOyrJL_EHSuOPIzdb34qGxZ1cQbqO6Cf9sKvj2B77n-r98xkuqFgutyk_Xo6oD613TUovPTqeKNNttLaYAZaWTXS22x1CS5xyF1h0GDdze9SCtzHS8Lyw6mWdAtY50G9Q7fK_an_VYCTYO_aQC2UyN0nv-vHUC9M7859RYzLc922vdOpvnOqAreofAqbFTSpKjsKwwDxA96inOUJbl1uhjRwPVv7rIDE91lOGjsuMHP_PyHf-xRL2ycyIkK2hVZMnhA90InXagtrKAuNN4a0t7WhW7uM1erGlLhilFSli20L5LrzwlZU1bhq1kUmrJrOIGSCU-o_X9f4LhO


sequenceDiagram
    User->>+Client: 게시글 작성 요청
    Client->>API_Server: POST /posts
    Note over Client, API_Server: 게시글 작성하는 API 요청
    API_Server ->> Post : 게시글 작성 요청
    Post ->> Post : 태그가 존재하니 ?
    alt 존재 할 경우
    loop 태그 수 만큼 반복
        Post -->> Tag : 저장소에 태그가 존재하는가?
            alt 존재 할 경우
                Post ->> Tag : 태그 카운트 증가 요청
             else 존재하지 않을 경우
                Post ->> Tag : 태그 추가 요청
    end   
        end
        Tag -->> Post : 태그 응답
        Post -->> API_Server : 게시글 및 태그 응답
    else 존재하지 않을 경우 
        Post -->> API_Server : 게시글 응답
    end     
    API_Server -->> Client : 게시글 응답 및 예외처리
    Client ->> User : UI 업데이트

6/15 수정

변경된점

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

Online FlowChart & Diagrams Editor - Mermaid Live Editor

https://mermaid.live/edit#pako:eNqtlF1rE0EUhv_KYW5N8X4vWqR64Y0G0t4tyJAdazDZjbsToZRC-iGEtKLFxK4hW-yFLUKFNKY2Qv1DmbP_oWcyG7ObVILiXA0zz3vOe858bLGi5whmsUC8qgm3KB6W-IbPK7YLNNYD4S8tL99bLZeEKy0Y9Q_xoDsa1gFPjnD_ErDTwv43AxuI8Af5x88Kwn8tfAvyTwtrcL_qBTIw1BNPCvBoL-FzkMZnE8TtUDVbGsmkmkqA8kGewsMCd2MmBavdAXa-4vF7iNsDksV73dH1UH25AfzRGvXq8ccGZabJitHzskx2SNClXL-w0zNbZc-rZqIANkJQ54fxzg2oXqi-Xxlwzsca3yArGan6cKlOo4z1iUzTWjmv0q7wdIAnF2A6phdWYCr_XcEE-pypID3uyJQU9ZM6NoibNDuLxhlnPE7GWJ0tEaMjdXBFzXgHGDbw0xD7oTq7mNGKciASi1QGnlOKdhOj_b_xmjkGc17_26dwnTsOJnW3_hDFCKbSuTgmSOpyLzBk-mWua6pf9bl-_VNw10n5Tb84Hcc83kUxEkoL9FdC-Do95OM36m0PI32VWI5VhF_hJYe-oC0tspl8ISrCZhZNHe6_tJntbhNXqzpcikdOSXo-s55zqj3HeE16hU23yCzp18QESv6whNq-BbMGGt0


sequenceDiagram
    User->>+Client: 게시글 작성하는 API 
    Client->>API_Server: POST /api/posts
    Note over Client, API_Server: 게시글 작성하는 API 요청
    API_Server ->> Member : 유저 정보 조회 요청
    Member -->> API_Server : 응답 및 예외처리
    API_Server ->> Post : 게시글 작성 요청
    Post ->> Post : 내용에 해시태그를 추가했는가?
    alt 추가 한 경우
    loop 해시태그 수 만큼 반복
        Post ->> PostTag : 해시태그 등록 요청
        PostTag ->> Tag : 해시태그가 존재 하는가 ? 
            alt 존재 할 경우
                PostTag ->> Tag : 태그 카운트 증가 요청
                Tag -->> PostTag : 응답 및 예외처리
             else 존재하지 않을 경우
                PostTag ->> Tag : 해시태그 추가 요청
                Tag -->> PostTag : 응답 및 예외처리
            end
        PostTag -->> Post : 응답 및 예외처리      
        end
        Post -->> API_Server : 응답 및 예외처리
    else 추가하지 않은 경우
        Post -->> API_Server : 응답 및 예외처리
    end     
    API_Server -->> Client : 응답 및 예외처리
    Client ->> User : UI 업데이트

6/16 2차수정

📙

2022-06-16(목)

Online FlowChart & Diagrams Editor - Mermaid Live Editor

https://mermaid.live/edit#pako:eNqtlFFrE0EQx7_KsK9G-n4PLaI--KKBtG8HsuS29eByF-_2BCmFqhVCWtFiYq8hKfbBlkILaUw1Qv1C2bnv4Gz20tyllSC4T8vN_zfzn53d22TVwBHMYpF4GQu_Kh65fCPkNdsHWmuRCO8vL9976LnClxaMB3u42x2PtgGP9nHnErDTwsGFERsRyR-UnzyviPCVCC0oP6uswhKvu0v1IJKRUT4NpICA4hlTgjwyXyRtJ6rZ0pJCuRkCVBPKlB4WOJxocmL1doidMzz4BGl7SFj6rjv-OVLfrgF_tMb97fRLgyrTZsXw3JNZhIAu1fqNnb4JeUFQL2QBbCSgTvfSN9eg-on6fmWEt3ys8g2yUkDV50t13CtYn2JarcnblHaFx0M8OgdzYvrDCszwmw6moq-FDvLrjkpZU7_oxIZpk3YnvUnFOY_TNaGLLWJvX-1e0WF8BEwaeDjCQaJOzudY4UUis0ht4CmVaDext_MvXgtjMPP63z6F79wxmNzd-ksWA8zQmzy0yYXMDdHpctd8gbX8g9CkeVuLqEylAf3aSb5G7-zgvfrQx56eNCuxmghr3HXoL7GpIZvJF6ImbGbR1hHrPPakzWx_i6Rx3eFSPHZcGYTMWuc0zRLjsQwqr_0qs2QYi6ko-9Nkqq0_dTTwbA


sequenceDiagram
    User->>+Client: 게시글 작성 요청
    Client->>API_Server: POST /api/posts
    Note over Client, API_Server: 게시글 작성하는 API 요청
    API_Server ->> Post : 게시글 작성 요청
    Post ->> Post : 내용에 해시태그를 추가했는가?
    alt 추가 한 경우
    loop 해시태그 수 만큼 반복
        Post ->> PostTag : 해시태그 등록 요청
        PostTag ->> Tag : 해시태그가 존재 하는가 ? 
            alt 존재 할 경우
                PostTag ->> Tag : 태그 카운트 증가 요청
                Tag -->> PostTag : 응답 및 예외처리
             else 존재하지 않을 경우
                PostTag ->> Tag : 해시태그 추가 요청
                Tag -->> PostTag : 응답 및 예외처리
            end
        PostTag -->> Post : 응답 및 예외처리      
        end
    end     
    Post -->> API_Server : 응답 및 예외처리
    API_Server -->> Client : 응답 및 예외처리
    Client ->> User : UI 업데이트

Request


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

Response


{
   
}

해시태그를 등록하는 API

최종본

Request

Response

이전 백업

Request

Response