'무한스크롤' 태그의 글 목록

무한 스크롤은 사용자가 직접 페이지 전환을 하지 않고 스크롤을 내려 하단의 콘텐츠가 계속해서 추가되는 것을 말합니다. 무한 스크롤에 있어서 사용자의 현재 위치를 감지해야하는데 이것을 체크하기 위해서 2가지의 방법이 존재합니다. 1. Scroll의 위치를 체크하면서 특정 위치가 되었을 때 기능을 동작 2. Intersection Observer API를 활용하여 특정 콘텐츠의 등장 여부를 판단하여 기능을 동작 첫 번째의 방법의 경우, scroll의 위치를 계속해서 감지해주어야 하기 때문에 메서드 호출이 불필요하게 많이 발생하는 단점이 있습니다. 쓰로틀링과 디바운싱을 통해 횟수를 줄여줄 수는 있습니다. 두 번째의 intersection Observer의 경우 컴포넌트와 viewport 교차하는 영역에 따라 ..

JavaScript 2022. 3. 10. 01:48

이전 1 다음