파트너스 레거시 코드 리팩토링 (2) - api 분리, HOC 걷어내기, react-query로 데이터 처리하기

이 글은 파트너스 서비스의 레거시 코드를 리팩토링하는 두 번째 이야기로, 프론트엔드 개발자가 겪었던 문제점과 해결 과정을 공유합니다. 기존에는 Redux의 덕스 패턴을 사용하여 전역 상태 관리와 API 로직을 함께 처리했으나, API 엔드포인트를 별도로 분리할 필요성을 느꼈습니다.

API 파일 작성 방식을 클래스형과 함수형으로 비교 분석한 결과, 직관성과 개발 편의성을 고려하여 클래스형으로 API를 분리하기로 결정했습니다. 이 과정에서 React-query 도입을 위한 기반을 마련하고 코드의 구조를 개선하는 데 중점을 두었습니다.