반응형 Til1 TIL #1 빠르고 간편하게 React 로 InfiniteScroll (무한 스크롤) 구현하기 React로 InfiniteScroll을 하는 방법 2가지 onScroll 이벤트 Intersection Observer API onScroll과 그 한계 사용자의 scroll event를 계속 보며 페이지가 끝에 오는지를 판단하는 방법을 구현이다. 하지만 드르륵 스크롤 할. 때마다 이벤트가 발생하는 것이다. 크롬에다 이것만 쳐봐도 알 수 있다. window.addEventListener('scroll',()=>console.log('🌀')) 그렇다면 남은 것은 🥳 Intersection Observer API 타겟과 viewPort 사이의 intersection 변화를 비동기적으로 관찰하는 방법 LazyLoading Infinite-scroll 사용자 결과 여부에 따른 애니메이션 등에 사용된다. 여기서.. 2021. 7. 28. 이전 1 다음 반응형
