react query가 useEffect를 통한 setState보다 빠른 렌더링을 보여주는 이유는 무엇때문일까요?

React Query의 성능 향상은 몇 가지 이유로 인해 발생합니다. 1. **백그라운드 업데이트**: React Query는 기본적으로 데이터의 백그라운드 업데이트를 지원합니다. 이는 데이터를 불러오는 동안 UI가 차단되지 않음을 의미합니다. 반면에, useEffect와 setState를 사용할 때 비동기 요청이 실행될 때마다 컴포넌트가 리렌더링 되어야 합니다. 이렇게 하면 컴포넌트가 추가적인 일을 해야하고, 일부 경우에는 불필요한 작업이 될 수 있습니다. 2. **캐싱**: React Query는 자동으로 데이터를 캐시하기 때문에 중복 호출이 줄어들어 성능이 향상됩니다. 같은 API를 여러 번 호출해야 하는 경우, React Query는 캐싱된 데이터 버전을 반환하여 네트워크 요청 시간을 절약합니다. 3. **병렬화**: React Query의 refetch 기능은 병렬 처리가 가능한 작업들을 백그라운드에서 동작하도록 설정할 수 있습니다. 따라서 여러 API 호출이 동시에 일어날 수 있고 이로 인해 전체 처리 시간이 단축됩니다. 4. **상태 관리 최적화**: 제일 중요한 것 중 하나는 React Query가 상태 관리를 효율적으로 처리한다는 것입니다. 내부적으로 사용하는 setState 방식은 React의 배치 업데이트 메커니즘에 따라 최소한의 리렌더링만 유발합니다. 그러므로, 이러한 이유들로 React Query가 useEffect와 setState를 사용했을 때 보다 더 빠른 성능을 보여줄 수 있습니다.