React Query
-
[React] React에서 상태관리3(React Query)IT/코딩히스토리_FE 2025. 10. 14. 16:39
Zustand (상태 관리): 클라이언트의 상호작용에 의해 변경되는 데이터를 관리합니다. (예: 다크 모드 토글)React Query (데이터 페칭): 서버에 의해 관리되고 제공되는 데이터를 관리합니다.이전 포스팅에서 서버에서 가져오는 데이터(상태)는 React Query로 관리하는 것이 효율적이라고 했다.왜일까? 1. 네트워크 비용 증가- 페이지를 전환할 때마다 네트워크에 새로운 데이터를 요청한다면 ? 또 그게 fireStore같은 접근단위로 과금이 되는 구조라면? 2. 응답 속도 저하/ 서버 부하 / 비효율- 위와 같은 이유로 이미 있는 것을 또 호출할 필요가 없다. 3. 데이터 일관성 문제- 여러 컴포넌트에서 동시에 요청한다면, 데이터 갱신 타이밍이 다를 수 있다. React Query같은 서버..