Moait
홈인기 피드모든 블로그모든 태그
홈인기 피드모든 블로그모든 태그
`API 언제 나오나요?` 로 부터 독립하기 섬네일

`API 언제 나오나요?` 로 부터 독립하기

카카오엔터테인먼트 favicon카카오엔터테인먼트·Frontend·
ReactJavaScriptREST APIRTK Query
2022년 12월 08일0

AI 요약

이 글은 AI가 요약했어요. 정확한 내용은 꼭 원문을 확인해 주세요!

핵심 요약

카카오엔터테인먼트가 RTK Query 기반의 팩토리(factory) 레이어를 도입해 API 응답 모델 확정 여부와 무관하게 UI 컴포넌트를 독립적으로 개발하고, API 변경에 따른 재작업을 최소화했다.

구현 방법

  • RTK Query로 구성된 factory 엔드포인트를 통해 live API와 contents API를 호출하고, 응답 데이터를 UI에 맞춘 공통 모델로 매핑
  • UI 컴포넌트는 화면 렌더링에 필요한 prop만 받도록 변경하여 API 스펙 변화에 영향 받지 않도록 설계
  • 어댑터 레이어를 도입해 서버 측 API 변화에 따른 로직을 factory에서 중앙 관리하고, 로깅 및 userAgent 분기 처리 같은 보조 로직도 factory로 위임

주요 결과

  • UI 컴포넌트의 의존성 최소화와 함께 테스트 코드의 조기 확정 가능
  • 다양한 API 스펙에 대응하는 구조로 확장성과 유지보수성이 향상

연관 피드

%가 높을수록 이 글과 비슷할 가능성이 높아요!
카카오웹툰은 하드웨어 가속과 IntersectionObserver를 어떻게 사용했을까? 섬네일
71%

카카오웹툰은 하드웨어 가속과 IntersectionObserver를 어떻게 사용했을까?

카카오엔터테인먼트 favicon카카오엔터테인먼트·2021년 12월 02일
React Query의 구조와 useQuery 실행 흐름 살펴보기 섬네일
71%

React Query의 구조와 useQuery 실행 흐름 살펴보기

카카오엔터테인먼트 favicon카카오엔터테인먼트·2023년 07월 20일
React에서 서버 데이터를 최신으로 관리하기(React Query, SWR) 섬네일
70%

React에서 서버 데이터를 최신으로 관리하기(React Query, SWR)

카카오엔터테인먼트 favicon카카오엔터테인먼트·2022년 02월 24일