React-query 사용하는 이유, useInfiniteQuery 로 무한 스크롤 구현하기 (+ react-infinite-scroller)

• React-query를 사용하면 데이터 페칭, 캐싱 처리, 로딩 및 오류 상태 관리 등의 기능을 효율적으로 구현할 수 있습니다.

• 프로젝트에 React-query를 도입하려면 QueryClientProvider로 감싸고, 개발자 도구를 설치하여 쿼리 상태를 쉽게 추적할 수 있습니다.

• react-query 개발자 도구 세팅 완료 후, 브라우저에 꽃모양 아이콘 생성되며, 개발환경에서만 제공됨.

• react-query 사용 인터페이스에는 쿼리명, 데이터 함수, 옵션(예: staleTime, cacheTime)이 포함되며, 데이터 상태에 따라 다양한 기능 사용 가능.