FE 어플리케이션 구조 개선하기 - woowacourse-teams/2021-gpu-is-mine GitHub Wiki

배경

  • API 응답 변경 이슈를 진행하면서 API 요청/응답 구조가 변경되었을 때, 변경이 필요한 파일의 양이 많음.
  • 구조상 맨 끝단에 위치한 컴포넌트에서 최종적인 view는 동일함에도 불구하고, 변경된 API응답에 대응하기 컴포넌트 코드의 수정이 필요했음
  • 따라서, 컴포넌트와 API단 사이에 레이어를 추가해 양 끝단의 변화율을 다르게 가져가 API 변경에 유연하게 대처하고자 함

현재 구조

개선 구조

개선 방법

방법1. API 요청/응답에 대응하는 별도의 layer 커스텀하게 구성

방법2. 상태 관리 라이브러리 도입