useInfiniteQuery로 무한스크롤 구현하기

이 글은 올리브영 검색 결과 페이지 개발 경험을 바탕으로 `useInfiniteQuery`를 활용한 무한 스크롤 구현 방법과 뒤로 가기 시 스크롤 위치 및 상품 목록을 유지하는 기술적인 내용을 공유합니다. js, React Query, TypeScript 환경에서 `useInfiniteQuery`의 기본 구조와 주요 반환값인 `fetchNextPage`, `hasNextPage`, `isFetchingNextPage`를 설명하며, 이를 통해 효율적인 무한 스크롤 기능을 구현하는 방법을 제시합니다.

특히, 뒤로 가기 시 이전 상태를 복원하는 기법을 다루어 사용자 경험을 향상시키는 데 중점을 둡니다. 둡니다.