react swr, react-query 에 대해서

Question

제가 useQuery Hook 을 사용 할 떄 Service 폴더 로직에서 Axios API (GET, POST) 등을 작성하지 않고, 해당 page 에 해당 컴포넌트에서 보통 비동기 요청을 받아오는 함수를 만들어서, Axios GET 로직을 짜고 얻어낸 값(response.data)을 -> useQuery (data)에 사용 합니다. 근데 제가 질문이 있습니다. 보통 백단에서 비동기로 데이터를 가져 올 떄 service 라는 폴더에서 관리 하는 데, useQuery 를 이용하면 service 폴더를 굳이 만들지 않고, 해당 컴포넌트에서 함수를 구현 해 axios(request, response) 를 받아오고 useQuery data 로직을 처리해도 될까요? 아니면 해당 service 에서 함수를 만들고 -> axios(request, response) 받아온 값들을, 해당 페이지에 있는 컴포넌트에 import 로 가져와서 사용 해야 할까요? 강의들었을 떄 useSWR 을 사용하면 해당 컴포넌트에서 사용해도 된다고 하셔서 궁금해서 물어봅니다!

제로초(조현영) · Answer

서비스 폴더로 분리하는 것의 장단점을 생각해보시면 되겠습니다. 분리하는 게 보기 좋고 관리하기 좋은지 아니면 같이 있는 게 편한지에 따라 정하시면 되겠습니다.