infinitescroll1 비동기로 데이터를 가져와 처리하는 방법 - infiniteScroll 구현 infiniteScroll(무한 스크롤) : 웹 애플리케이션에서 페이지가 스크롤되면서 동적으로 컨텐츠를 무한 로딩하는 기법을 말한다. 비동기로 데이터를 가져와서 처리하는 방법으로 infinite scroll을 구현하는 방법은 아래와 같다. 1. 스크롤 이벤트 감지하기 스크롤 이벤트를 감지하여 사용자가 스크롤을 내릴 때 마다 이벤트 핸들러를 호출한다. 이를 통해 스크롤 위치를 추적하고 새로운 데이터를 가져올 시점을 판단할 수 있다. 무한 스크롤에서는 세로 스크롤만 감지하면 되기 때문에 height와 관련된 값을 참고해야 한다. scrollHeight 는 화면에 보이지 않는 높이도 포함된 페이지의 총 높이, 즉 요소에 들어있는 컨텐츠의 전체 높이로 padding과 border가 포함된다. scrollTop .. 2023. 6. 14. 이전 1 다음