반응형 데이터 페칭1 [React]React Query와 SWR 맛보기로 강력하고 심플한 코드 바로 적용하고 중복줄이기 React Query와 SWR의 특징을 코드를 통해 구체적으로 비교해보겠습니다. eact Query: 복잡한 캐싱 및 데이터 동기화 React Query는 세밀한 캐싱 제어와 데이터 동기화를 위한 다양한 설정을 제공합니다. import { useQuery, useMutation, useQueryClient } from 'react-query'; // 캐시 시간과 재요청 설정 const { data: todos } = useQuery('todos', fetchTodos, { staleTime: 2000, // 2초 동안 데이터를 신선(fresh)으로 간주 cacheTime: 5000, // 캐시에서 데이터가 유지되는 시간 refetchOnWindowFocus: true // 윈도우 포커스 시 재요청 });.. 2024. 1. 7. 이전 1 다음 반응형