Init: Tanstack query 및 axios 세팅

[seojin15]

📌 Summary

• [Init] Tanstack query 및 axios 세팅 #30

📚 Tasks

• Tastack query 설치 및 세팅
• axios Instance 생성

🔍 Describe

QueryClient

• shared/api 폴더에 queryClient.ts를 따로 만들어주고 그 안에서 세팅했습니다!

queries: {
  staleTime: 1000 * 60 * 5,
    gcTime: 1000 * 60 * 30,
    retry: 1,
    refetchOnWindowFocus: false,
    refetchOnReconnect: true,
},

• main.tsx 파일에 QueryClientProvider 및 ReactQueryDevtools 설정해 두었습니다.

axiosInstance

• axios Instance 를 통해 baseURL, 공통 헤더 설정을 했고 interceptors 를 추가해 간단하게 에러 처리가 가능하도록 했습니다..!!

👀 To Reviewer

• 뭔가 더 설정을 해야할 것 같은데 아직 이해를 다 못해서 간단하게만 구성해봤습니다.. 리뷰로 추가 또는 수정해야 할 점 알려주시면 감사하겠습니다!!

[chungyo]

서진 선생님, 지금 커밋 보면 다른 PR 코드 내용들이 보이는데, 앞으로는 develop 브랜치를 최신화하고 새로운 브랜치를 파면 돼용. 항상 새로운 브랜치 팔때는 git fetch origin develop로 땡겨오거나, 아님 직접 git switch develop해서 git pull origin develop로 땡겨오시구 거기서 git switch -c {브랜치 이름}으로 파시면 돼요~~ 모르는거 많이 물어보세요!!!