무한 스크롤 [useSWRInfinite, Intersection observer]

SWR은 페이지 매김 및 무한 로딩과 같은 일반적인 UI 패턴을 지원하기 위해 전용 API useSWRInfinite를 제공한다.

api 생성

리스트 나열하기

Intersection observer는 기본적으로 브라우저 뷰포트(Viewport)와 설정한 요소(Element)의 교차 점을 관찰하며,

요소가 뷰포트에 포함되는지 포함되지 않는지, 더 쉽게는 사용자 화면에 지금 보 이는 요소인지 아닌지를 구별하는 기능을 제공한다.

이 기능은 비동기적으로 실행되기 때문에,

scroll 같은 이벤트 기반의 요소 관찰에서 발생하는 렌 더링 성능이나 이벤트 연속 호출 같은 문제없이 사용할 수 있다.