반응형 scrollinprogress1 Javascript 스크롤 페이징 처리중 이벤트가 여러차례 중복 호출된다면? 개발을 하다보면 Javascript 이벤트가 여러차례 중복 호출되는 현상을 만나본 적 있을 것입니다. 저같은 경우 자바스크립트로 세로 스크롤을 맨 아래로 내렸을때 자동으로 "더보기"기능이 실행될 수 있도록 스크롤 페이징 작업을 수행하고있었습니다. 그때 스크롤이 최하단 부분에 닿게 되었을 때 "더보기"버튼을 실행하는 Function이 10~20회가량 중복 호출이 되버리는 바람에 10개씩 더보기 되어야할 화면에 한번에 100~200개씩 중복 호출이 되는 현상을 맞이하게 되었습니다. 이런 상황에서의 대처법을 알려드리겠습니다. 1. 스크롤 이벤트를 디바운스(debounce) 처리하기디바운스는 연이어 호출되는 함수들 중에서 마지막 함수만 실행하도록 하는 기술입니다.이를 통해 스크롤 이벤트 발생 시 함수가 여러 .. 2024. 6. 25. 이전 1 다음 반응형
