Infinite Scroll1 [React] Intersection Observer API 사용한 Infinite Scroll 만들기(without React Hook) 한번에 데이터를 모두 불러오는 것이 아닌, 화면을 스크롤할 때마다 데이터를 추가로 불러오는 Intinite Scroll을 구현해 보았다. Infinite Scroll 구현 방법 scroll event: 스크롤이 끝까지 내려가는 경우 데이터 추가로 불러오도록 구현하는 방법 throttle 등을 추가로 구현해 최적화 할 필요가 있음 Intersection Observer API 사용 찾아보니 Intersection Observer API를 활용한 예제가 많고 편리한 듯 하여 Intersection Observer를 사용하기로 했다. 일부 브라우저에서는 Intersection Observer 지원이 안 된다고 하지만, Explorer 외에는 거의 지원이 되는 것 같다. Explorer는 MS에서도 지원을 종료.. 2021. 4. 8. 이전 1 다음