#intersectionobserver

[React] 무한 스크롤 구현

React로 개발하는 웹 페이지에서 매 렌더링마다 데이터를 가져오게 된다면 불필요하게 많은 데이터 읽기가 발생할 수 있다. 이를 방지하기 위해 Pinterest 무한스크롤처럼 스크롤이 하단에 닿을 때마다 일정 개수만큼 데이터를 가져오도록 구현한 과정이다. Scroll Sensor 구현 <div className={styles.pageEnd} ref={pageEnd}/> 보이기 쉽게 빨간색으로 표현한 부분이 sensor div이다. 화면에서 ...