tanstack query도입

[Dragonite-Lee]

tanstack query로 서버 데이터 관리시작
/services -> api통신을 위한 코드 작성
/components/{각각 해당되는 폴더}/query.js -> tanstack query 코드 작성
예시)

1. api코드
   export const getAdMainNotice = async () =>{
   const data = await axios.get('/notice?_limit=8').then((res) => res.data);
   return data;
   }
2. query코드
   export const useAdMainNoticeQuery = () => {
   const { data, isLoading } = useQuery(['/admin/main/notice'],() =>
   getAdMainNotice()
   );
   return {
   noticeData: data,
   isLoading
   }
   }
   3, 사용
   const { noticeData, isLoading } = useAdMainNoticeQuery()