Inflearn brand logo image

Inflearn Community Q&A

asfasfas's profile image
asfasfas

asked

Slack Clone Coding [Real-time Chat with React]

react swr, react-query 에 대해서

Written on

·

179

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 을 사용하면 해당 컴포넌트에서 사용해도 된다고 하셔서 궁금해서 물어봅니다!
babelreactSocket.io웹팩typescript클론코딩

Answer 1

0

zerocho님의 프로필 이미지
zerocho
Instructor

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

asfasfas's profile image
asfasfas

asked

Ask a question