유저 정보 관리 방법
안녕하세요 강의 들으면서 제로초님 github(front-rq폴더) 보고 react-qeury로 진행하고 있는데요
로그인 페이지를 보면 fetcher로 유저정보 요청하고 로그인 mutation 요청 성공시 refetchQueries로 'user'라는 키값의 요청을 다시 보내는 것 같습니다.
이후 다른 컴포넌트나 페이지에서도 그냥
const { data: myData } = useQuery('user', () => fetcher({ queryKey: '/api/users' }));
이런식으로 유저정보를 가지고 오는 것 같은데 궁금한 것은
아직 강의 뒷부분을 다 안들어서 그런지 몰라도 staleTime이나 cacheTime을 설정하는 코드 또는 강의에서 말씀해주신 것 처럼 fetcher를 여러개 둬서 유저정보를 비동기 요청이 아니라 전역 데이터로 관리하는 로직도 없는 것 같습니다.
별도의 설정없이 /api/users 요청을 useQuery로 계속 받아온 다면 react-query 라이브러리를 사용하는 장점이 없는 것 같은데
제가 놓치고 있는 부분이 있는건 아닌지
혹시 react-query 사용했을 때 api/users 같은 유저정보를 받아오는 server state를 관리하는 좋은 방법은 무엇일지 궁금합니다.
(cacheTime을 설정하거나 전역 데이터를 저장하는 fetcher를 두거나 아님 localStorage 같은 곳에 저장하거나 등등..
redux 강의 들을땐 그냥 리덕스 스토어에 저장해두고 useSelector로 가져온 거 같은데 react-query 나 SWR은 요부분이 감이 안잡히네요 ㅠ)
답변 1
기본 셋팅과 관련하여
0
97
1
초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법
0
101
2
focus 시에만 화면 업데이트 되는 이유 + 해결방법
0
153
2
useEffect 개수 관리
0
114
2
라이브러리 서치 방법
0
105
2
함수 정의 패턴
0
78
1
npm run dev 에러
0
153
3
npx webpack 후 에러
0
180
2
'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)
0
146
2
사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')
1
179
2
초기세팅중 packge.json 에러떠요
0
158
2
CORS - Access-Control-Allow-Origin 누락 문제
0
434
3
로그인 페이지 무한 새로고침 현상
0
600
2
Module not found: Error: Can't resolve './App' 에러
0
962
1
배포 방법
0
300
2
npm run dev 시 빌드가 매우 느려졌습니다
0
999
2
alias 경로 설정 오류
0
455
2
fetcher 함수의 data 값이 두번 찍히는 이유
0
278
1
제네릭 질문
0
220
2
ts-node 대신 tsx 사용여부
0
374
1
배포 관련 질문
0
249
1
[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.
0
387
2
[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.
0
337
1
users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.
0
248
2





