HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🍗
[New] 조규현팀
/
인스타뀨램
인스타뀨램
/
🎰
API 설계
/
⚗️
팔로우한 게시글을 조회하는 API
⚗️

팔로우한 게시글을 조회하는 API

Method
GET
Group
게시글
진행상태
진행중
MoSCoW
Must have
 

최종본

📙
2022.06.17(금)
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.
Online FlowChart & Diagrams Editor - Mermaid Live Editor
https://mermaid.live/edit#pako:eNqdlF1LAkEUhv_KMLcp3e9FEH0RVATm3UJM7qkW3R3bXYuIoIuCSCMiJRMF7aJuisQM_E3N7H_o7Ic2loq1VwP7PvOcs3tmTmiGG0A16sJBAewMLJpsz2GWbhN80i44ybm5mYWcCbanEb9UFq26rLX9Sp18dkqyWP_snRHZavu1EpG1suy8RmREIDu_ubqdAucQHI2sLG2RWZY3Z_Pc9dwouME9IBxfx0iCqMREoV-piqtykB9Sf_ME_WQdrB1cakTWm7KJbLMi3rvxFhERR5JBXKERadyK4gcR7Rsiq5fyoSc7VfH0MtKziT2Rv3yiEAjIZZ7L8SOVHVVknEoqronlDbYPFqsW2wMklIIaXfHWk89jS4uQYd0AmVq8ZmZ_eB-LsnKOsnHekBjSfhNTaRe4ZeEgDVlF6W7coMZp1dhP_0X3q9H-JpP6Vdl_t_xratWfPOX8ho2E528Er57osOXgWsBcGs_d_YW4buNg-Fc9mqAWOBYzDbxOTgJIp94-WKBTDZcGc7I61e1TzBXyBvNgyTA97lBtl-VcSFBW8Hjq2M5QzXMK0A_F91GcOv0CfFwqDA
Online FlowChart & Diagrams Editor - Mermaid Live Editor
sequenceDiagram User->>+Client: 팔로우한 게시글 조회 요청 Client->>API_Server: GET /api/posts Note over Client, API_Server: 팔로우한 게시글 조회하는 API 요청 API_Server ->> Member : 유저 정보 조회 Member -->> API_Server : 응답 및 예외처리 API_Server ->> Post : 팔로우한 게시글 조회 요청 Post ->> Follow : 팔로우 정보 조회 Follow -->> Post : 응답 및 예외처리 Post ->> PostImage : 게시글 이미지 조회 요청 PostImage -->> Post : 이미지 응답 및 예외처리 Post ->> PostLike : 게시글 좋아요 조회 요청 PostLike -->> Post : 좋아요 응답 및 예외처리 Post ->> Comment : 게시글 댓글 조회 요청 Comment -->> Post : 댓글 응답 및 예외처리 Post ->> CommentLike : 게시글 댓글 좋아요 조회 요청 CommentLike -->> Post : 좋아요 응답 및 예외처리 Post -->> API_Server : 게시글 응답 및 예외처리 API_Server -->> Client : 게시글 응답 Client ->> User : UI 업데이트
notion image

이전

6/15 첫 번째 시퀀스 다이어그램
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.
Online FlowChart & Diagrams Editor - Mermaid Live Editor
https://mermaid.live/edit#pako:eNp9kc1Kw0AURl_lMltT3M-iIFrEjRRqdwEZkqsGm6ROJoKUghtB2ogIKcaQLrpxpRCCQp6pmbyDkx-xReisLsw5fB_3Tojhmkgo8fDGR8fAI4tdcmbrDqg39JB3ut29w5GFjqBQBmGxSmSclosE1lkg58k6vwe5Sss4ABmHMvtszMZQ7kH_5HyA_BY5hePeGeyPXU94DXTqCgRXfbW4Bpv0zrByERWzsOK3Yv98UNnQV1lAdzetmU5Fb8gU5PKlmH9DkT6DjB7lWy6zqHj_-B9TmU397aTa31xG3ajaqOKGqvbrQ_GUyuVXOcuJRmzkNrNMdYlJJelEXKGNOqFqNBm_1onuTBXnj00msGdawuWEXrCRhxphvnAHd45BqOA-_kLtKVtq-gOi8tDO
Online FlowChart & Diagrams Editor - Mermaid Live Editor
notion image
sequenceDiagram User->>+Client: 팔로우한 게시글 조회 요청 Client->>API_Server: GET /posts Note over Client, API_Server: 팔로우한 게시글 조회하는 API 요청 API_Server ->> Post : 게시글 조회 요청 Post -->> API_Server : 응답 및 예외처리 API_Server -->> Client : 게시글 응답 Client ->> User : UI 업데이트
6/15 수정 후
  • 변경된점
    • 요청 url “/api” prefix 추가
    • 조회 요청 전 Member 조회 요청 추가
    • 조회 요청 전 Follow 조회 요청 추가
    • 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.
      Online FlowChart & Diagrams Editor - Mermaid Live Editor
      https://mermaid.live/edit#pako:eNqlksFKw0AQhl9l2KstvedQEK3iQSnU3gKyNqMGk2zdbBQpBS-CtBURWqwlhfTiSSHUCn2mZvMObpqIEUsR3NPAft_-w860SIMZSDTi4oWHTgO3TXrKqa07oE7dRV4slze2LBMdoUHc60cTX47CeODDYtqTXX8xvwE5CeNRD-SoL6dvqZkayt2s7h3VkF8i12C3cggl2jRLTeYKNwUPmEBg6jpTCpA31gbGg2HU6Sf8j-hvH1Q-7KN9rEoNpB_IQLnBIHqfZU-kRoYUEzxnK2X8GHU_IAofQA7v5PNcTofRy-vKnB1mWewKcj2visqo_0VV1fcpZe0AlszvmJzz18DkjXQ2K_z8tJe9JSujuLqaydNtdB_K8SzuzEmB2Mhtahpq1VqJpBNxhjbqRFOlQfm5TnSnrTivaVCBFcMUjBPthFouFgj1BKtdOw2iCe7hF5Ttaka1PwG5pjei
      sequenceDiagram User->>+Client: 팔로우한 게시글 조회 요청 Client->>API_Server: GET /api/posts Note over Client, API_Server: 팔로우한 게시글 조회하는 API 요청 API_Server ->> Member : 유저 정보 조회 Member -->> API_Server : 응답 및 예외처리 API_Server ->> Follow : 팔로우 정보 조회 Follow -->> API_Server : 응답 및 예외처리 API_Server ->> Post : 게시글 조회 요청 Post -->> API_Server : 게시글 응답 및 예외처리 API_Server -->> Client : 게시글 응답 Client ->> User : UI 업데이트
      notion image
6/16 2차 수정
📙
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.
Online FlowChart & Diagrams Editor - Mermaid Live Editor
https://mermaid.live/edit#pako:eNqVksFKw0AQhl9l2KstvedQEK3iQSnU3gKyNqMGk2zdbBQpBS-CtBURWqwlhfTiSSHUCn2mZvMObpqIEUvRPS3s_80__860SIMZSDTi4oWHTgO3TXrKqa07oE7dRV4slze2LBMdoUHc60cTX47CeODDYtqTXX8xvwE5CeNRD-SoL6dvKZkSit2s7h3VkF8i12C3cggl2jRLTeYKNxUeMIHA1HOGFCBPrDWMB8Oo00_0P6y_eVD-sI_2sbpqIP1ABooNBtH7LCuREpmkmMhztELGj1H3A6LwAeTwTj7P5XQYvbyu9KmqTPCfL1oCCbnDLItd5dlVTWaqYs5rbXtp-V-Rci39NVxSIx3OCj4_7mWaZGeUrq6G8nQb3YdyPIs7c1IgNnKbmobatVYC6UScoY060dTVoPxcJ7rTVjqvaVCBFcMUjBPthFouFgj1BKtdOw2iCe7hlyhb1kzV_gSi_Dw3
Online FlowChart & Diagrams Editor - Mermaid Live Editor
sequenceDiagram User->>+Client: 팔로우한 게시글 조회 요청 Client->>API_Server: GET /api/posts/ Note over Client, API_Server: 팔로우한 게시글 조회하는 API 요청 API_Server ->> Post : 팔로우한 게시글 조회 요청 Post ->> Follow : 팔로우 정보 조회 Follow -->> Post : 응답 및 예외처리 Post -->> API_Server : 게시글 응답 및 예외처리 API_Server -->> Client : 게시글 응답 Client ->> User : UI 업데이트

Request

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

Response

{ }