인프런 커뮤니티 질문&답변

김수민님의 프로필 이미지
김수민

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

react swr, react-query 에 대해서

작성

·

150

0

제가 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 을 사용하면 해당 컴포넌트에서 사용해도 된다고 하셔서 궁금해서 물어봅니다!

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

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

김수민님의 프로필 이미지
김수민

작성한 질문수

질문하기