디바운스(Debounce)와 스로틀(Throttle)
웹에서 발생하는 이벤트를 제어하는 ✌두 가지 방법✌을 소개하겠습니다.
예를 들어 텍스트를 입력할 때마다 이벤트가 발생되거나
스크롤을 할때마다 스크롤 이벤트가 발생되어
같은 작업을 실행하게 되면 성능에 문제가 발생할 수 있습니다.
💡 이러한 문제를 해결하기 위하여
텍스트 입력 후 일정한 시간이 지나면 이벤트를 실행하거나
일정 높이에 닿으면 스크롤 이벤트를 실행시켜 제어하도록 하는 방법입니다.
💎 디바운스(Debounce)
이벤트가 발생하고 일정 시간 내에 똑같은 이벤트가 발생했을 경우
이전 것을 취소하고 이벤트를 지연시키면서
가장 마지막에 들어온 이벤트를 실행하는 방법
💎 스로틀(Throttle)
디바운스와는 반대로,
가장 처음에 들어온 이벤트만 실행을 하고
일정 시간동안 들어온 같은 이벤트는 무시를 하는 방법
오늘의 마무리
🖤 무한 스크롤을 구현하는 실습을 통하여 새롭게 배운 용어들을 정리해 보았습니다!
🖤 Facebook이나 Instagram에서도 흔히 사용되는 기술로 익혀두면 유익할 것 같습니다!
