핵심 요약
카카오헤어샵이 파트너스 레거시 코드의 API 로직 분리와 react-query 도입을 통해 데이터 처리 구조를 개선한 경험을 공유합니다.
주요 경험
- 덕스 패턴에 얽힌 Redux 기반 전역 상태 관리에서 API 레이어를 모듈화하고 컴포넌트 간 의존성을 줄였습니다.
- API 로직을 분리하고 react-query로 데이터를 패칭, 캐싱, 재요청 로직을 표준화했습니다.
- 초기 러닝 커브를 고려한 점진적 리팩토링 전략 수립과 팀 협업 정책을 확립했습니다.
얻은 인사이트
- 데이터 패칭 로직 중심으로 구성 요소 간 의존성이 낮아져 유지보수성이 크게 개선될 가능성을 확인했습니다.
- react-query의 캐싱 및 재요청 관리가 레거시 API의 복잡도 감소에 유효함을 확인했습니다.
- 모듈화의 필요성과 테스트 커버리지 확대의 중요성을 재인식했습니다.
