React Query를 튜닝하려면 이 세 가지 개념을 정확히 이해하는 게 핵심입니다. React Query는 쿼리 데이터를 다음 3가지 상태 중 하나로 분류합니다: 상태 의미 fresh "신선한 데이터" → 네트워크 요청 없이 그대로 사용 가능 ️ stale "오래됐지만 쓸 수 있는 캐시" → 백그라운드에서 refetch 가능 inactive 캐시만 남아 있고 화면에 사용되지 않는 상태 → gcTime 이후 삭제됨 staleTime은 무엇인가?
staleTime은 데이터를 fresh 상태로 유지하는 시간을 의미합니다. useQuery(['todos'], fetchTodos, { staleTime: 5000, // 5초 동안 fresh }); 위 코드의 의미는: 데이터를 받아오면 → 5초 동안은 fresh 상태 이 5초 동안은 다시 조회되더라도 서버 요청이 발생하지 않음 5초가 지나면 → stale 상태가 되고, 화면에 다시 마운트될 경우 자동으로 refetch 시도 가능 시간 흐...