🔥 스크롤 복원

웹 브라우저에서 이전에 방문한 페이지로 돌아갈 때, 떠나기 전 위치로 정확히 스크롤되는 경험을 해보셨나요? 이것을 스크롤 복원이라고 부릅니다. 하지만 웹 응용 프로그램이 클라이언트 측 데이터 가져오기로 전환하면서 이 기능이 다소 퇴보했습니다. 다행히 TanStack Query를 사용하면 이 문제를 해결할 수 있습니다.

TanStack Query는 모든 쿼리(페이지네이션 및 무한 스크롤 쿼리 포함)에 대해 스크롤 복원 기능을 기본으로 제공합니다. 이는 마치 마법처럼 작동합니다. 그 이유는 쿼리 결과를 캐시에 저장하고 쿼리가 렌더링될 때 동기적으로 가져올 수 있기 때문입니다. 쿼리를 충분히 오래 캐시에 보관하고(기본값은 5분) 가비지 컬렉션되지 않는다면, 스크롤 복원 기능이 항상 자동으로 작동할 것입니다.