🧼 queryClient.invalidateQueries란?React Query의 queryClient.invalidateQueries()는 특정 queryKey에 해당하는 캐시를 무효화하여 useQuery가 자동으로 다시 데이터를 fetch 하게 만드는 함수입니다.const queryClient = useQueryClient()queryClient.invalidateQueries({ queryKey: ["commCodeList"] })🚀 효과해당 queryKey를 사용하는 모든 useQuery가 자동으로 재실행됨서버에서 최신 데이터를 다시 가져오게 됨로딩 스피너 표시, 캐시 업데이트 자동 처리🎯 주요 옵션queryKey: 어떤 쿼리를 무효화할지 지정 (배열 형태)exact: 정확히 일치하는 키만 ..
useQuery는 React Query에서 데이터를 서버에서 비동기적으로 가져올 때 사용하는 가장 기본적인 훅입니다.const { data, isLoading, error } = useQuery({ queryKey: ["users"], queryFn: fetchUsers,})주요 속성queryKey:해당 쿼리의 고유 키입니다. 캐싱, 리페칭 등에 활용됨배열 형태로 작성하며, 서버에 요청을 보낼 조건을 포함할 수 있음queryFn:실제 서버에서 데이터를 가져오는 함수 (예: axios.get(...))비동기 함수 형태로 작성됨data:쿼리의 결과 데이터isLoading:데이터를 가져오는 중인지 여부 (boolean)error:에러 발생 시 객체 반환refetch:수동으로 다시 조회할 때 사용예시: 공통..
