TanStack Query 강좌 #4 린트, 개발자 도구 (Lint & Dev Tools)
- TanStack Query 린트를 설치하여 코드의 실수나 버그를 줄일 수 있습니다. 🐛
- 린트는 쿼리 키에 필요한 아이디 누락과 같은 오류를 실시간으로 감지하여 개발 생산성을 향상시킵니다. 🚨
enabled 옵션을 사용하여 특정 조건에서만 쿼리가 실행되도록 제어할 수 있습니다. ⚙️
staleTime을 설정하여 데이터가 얼마나 오랫동안 신선한 상태로 유지되는지 결정할 수 있습니다. ⏱️
- TanStack Query Devtools를 사용하면 쿼리의 상태, 캐시, 재시도, 오류, 로딩 과정을 시각적으로 모니터링할 수 있습니다. 📊
- Devtools는 쿼리 캐시의 상태, 리패치 시점, 삭제 여부 등을 쉽게 확인할 수 있도록 도와줍니다. 🔍
- GC Time을 조정하여 inactive 상태의 데이터가 메모리에서 제거되는 시점을 제어할 수 있습니다. 🗑️
- Devtools를 통해 쿼리 옵션에 따른 데이터 생명주기를 시각적으로 검증하고, 쿼리 무효화, 삭제, 강제 리패치 등의 테스트를 UI에서 손쉽게 조작할 수 있습니다. 🕹️
- 개발자 도구를 활용하면 서버 상태 변화를 즉각적으로 확인하여 디버깅 효율을 극대화하고, 문제 원인 추정 및 최적화를 빠르게 수행할 수 있습니다. 🚀