데브허브 | DEVHUB | TanStack Query 강좌 #2 에러/로딩 처리TanStack Query 강좌 #2 에러/로딩 처리
- 데이터는 초기값이
undefined이므로, 완전히 받아오기 전에 사용하면 에러가 발생할 수 있습니다. ⚠️
isFetching은 데이터가 현재 가져와지고 있는 상태를 나타내며, 초기 로딩뿐만 아니라 refetch 시에도 true가 됩니다. 🔄
isPending은 데이터가 아직 로드되지 않은 상태를 나타내며, 오직 최초 데이터 로딩 시에만 true가 됩니다. ⏳
useQuery는 refetch 함수를 반환하여 수동으로 데이터를 다시 가져올 수 있게 합니다. 🚀
isError와 error 객체를 사용하여 에러 발생 여부를 확인하고 에러 메시지를 사용자에게 보여줄 수 있습니다. ❌
retry 옵션은 실패한 쿼리를 재시도할지 여부와 횟수를 설정하며, 기본값은 3회입니다. ♻️
retry: false로 설정하면 즉시 실패 처리되고, retry: true는 무한 재시도를 의미합니다. ♾️
retryDelay 옵션은 재시도 간의 지연 시간을 밀리초 단위로 지정하여, 네트워크 불안정이나 서버 과부하 상황에 유용하게 활용될 수 있습니다. ⏱️