useInfiniteQuery로 무한스크롤 구현하기

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

특히, 스크롤을 내릴 때 새로운 상품 목록을 동적으로 불러오는 무한 스크롤 구현과 사용자의 편의성을 높이기 위한 뒤로 가기 기능에서의 스크롤 유지 기법에 초점을 맞추고 있습니다. 있습니다.