API와 UI 독립성 확보

이 게시물은 프론트엔드 개발자들이 API의 불확실성 속에서도 UI 개발을 지속할 수 있는 방법을 설명합니다.

문제 해결 접근법

• RTK Query를 통해 API 응답 모델과 UI 컴포넌트 간의 Adapter 레이어를 추가
• 예측된 데이터 모델을 기반으로 모킹하여 UI 개발 진행
• API 응답 모델의 변경에 따른 UI 컴포넌트 수정 최소화

결과

이 방법을 통해 API 응답 모델이 확정되어도 UI 컴포넌트의 변경이 최소화되어 테스트 코드 확정이 용이해졌습니다.