[API] 매장 목록 조회 API 연동

[hdg0116]

개발 유형

• 기존 기능 개선
• 성능 개선
• UI 구현

작업이 필요한 이유

현재 매장 관리 화면은 mock 데이터를 기준으로 목록, 검색, 페이지네이션을 처리하고 있습니다. 실제 관리자 데이터와 동기화되도록 매장 목록 조회 API를 연동하고, 검색어와 페이지네이션 조건을 서버 요청에 반영해야 합니다.

작업 상세 내용

• GET /api/stores route handler를 추가하고 관리자 서버의 매장 목록 API를 프록시한다.
• 요청 파라미터로 keyword, page, size를 전달한다.
• access token 쿠키를 사용해 서버 API 요청을 수행한다.
• API 응답의 매장 목록, 페이지 정보, 전체 개수, 다음 페이지 여부를 프론트엔드 모델로 매핑한다.
• TanStack Query 기반 매장 목록 조회 hook을 추가한다.
• 매장 관리 화면의 검색, 페이지 크기 변경, 페이지 이동이 API 요청 기준으로 동작하도록 연결한다.
• API 에러 발생 시 사용자에게 목록 조회 실패 상태를 표시한다.

참고 자료

• src/app/api/stores/route.ts
• src/features/store-management/api/store-api.ts
• src/features/store-management/api/store-queries.ts