공부/React1 Infinite Scroll 구현하기 Scroll event, IntersectionObserver와 같이 여러 방법이 있지만, IntersectionObserver를 간편히 사용할 수 있는 React Hook react-intersection-observer로 Infinite Scroll을 구현하는 방법을 소개하겠습니다. Infinite Scroll을 구현하긴 위해서 통신을 할 때 정해진 양만큼의 데이터를 받아와야 합니다. 예를들어, 처음 받은 데이터가 5개이고, 스크롤을 내렸을 때 5개의 데이터를 추가로 받아오는 방식입니다. 5 5+5 5+5+5 사용 방법을 알아보기 전에 먼저 IntersectionObserver이 무엇인지 간단하게 설명하자면, 대상이 화면에 보이면 callback 함수를 실행하여 원하는 동작을 수행할 수 있도록 타겟을.. 2021. 7. 9. 이전 1 다음