debouncing을 이용한 검색 기능 최적화하기
디바운싱이란 무엇인가요?디바운싱은 이벤트가 연속적으로 발생하는 것을 제어하여, 특정 시간 간격이 지난 후에 한 번만 실행되도록 만드는 기법입니다.예를 들어, 입력 필드에서 사용자가 타이핑을 할 때마다 이벤트가 발생하는 것을 생각해보세요. 매번 API를 호출한다면 성능 문제가 발생할 수 있습니다. 디바운싱은 이런 문제를 해결합니다. 문제가 되는 코드 예시searchInput.addEventListener('input', (e) => { console.log(e.target.value)}) 입력할 때마다 console.log가 출력되는 것을 확인할 수 있습니다.만약 유료 API를 사용하는 경우라면, 이렇게 많은 호출이 비용 낭비로 이어질 수 있습니다. 일반 디바운싱 구현 let timerId;func..
