Skip to content

[Chore] API 연동 구조 및 TanStack Query 전역 세팅 #8

Description

@IamInJINI

🚀 목적

  • 프로젝트 전체에서 공통으로 사용할 전역 API 통신 규격(Axios)을 정의합니다.
  • 비동기 서버 상태 관리를 위한 TanStack Query(React Query) 기초 인프라를 구축합니다.
  • 백엔드 개발 선행 단계에서 팀원들이 원활하게 화면 개발을 진행할 수 있도록 Mock 데이터 및 커스텀 훅 예시를 제공합니다.

🛠️ 작업할 내용

  • Axios 전역 인스턴스 및 인터셉터 설정 (src/api/axiosInstance.ts)
  • TanStack Query 전역 세팅 및 기본 옵션 설정 (src/main.tsx)
  • API 서비스 레이어 및 1.5초 지연 Mock 데이터 구현 (src/api/matching.ts)
  • 컴포넌트단 호출용 Custom Hook 패턴 구현 (src/hooks/queries/useMatchingQuery.ts)

📅 기타 사항

  • 외부 라이브러리(axios, @tanstack/react-query)가 설치되므로 팀원들은 pull 이후 pnpm install이 필요합니다.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions