📒솜이노트

# JS - debounce() 함수 완전 정리

프론트엔드 개발하면서 디바운스 함수를 접해보신 적 있나요?스크롤, 검색창 입력, 윈도우 리사이즈처럼 짧은 시간에 반복해서 호출되는 이벤트를 일정 시간 동안 모아서 한 번만 실행하도록 하는 기술입니다.debounce()란?일정 시간 동안 이벤트가 반복 발생해도, 마지막 호출만 실행되게 하는 함수 제어 기법예를 들어, 검색창에 글자를 입력할 때마다 API를 호출하면 서버가 과부하가 걸릴 수 있어요.이때 debounce()를 사용하면 입력이 멈춘 후 특정 시간(예: 300ms)이 지나면 딱 한 번 API를 호출하게 만들 수 있어요.debounce()가 필요한 상황다음과 같이 “너무 자주 실행되는 이벤트”에서 필요합니다. :실시간 검색 API 호출윈도우 리사이즈 이벤트스크롤 이벤트(무한 스크롤, 스크롤 위치 저..