throttle visualization1 직접 구현하며 느낀 Debounce 와 Throttle 차이 📌 Debounce ? Throttle ? 공부하게 된 이유 resize 이벤트 핸들러를 통해 화면의 사이즈 변경을 감지하고그에 따라 화면의 애니메이션을 변경해야하는 기능이 있었다.그런데 정말로 화면 크기가 바뀔 때마다 매번 이벤트가 호출되는 걸 보고리페인트 비용 낭비가 예상되었다.마우스로 요리조리 변경할 때마다 이벤트를 호출하는 게 아니라변경이 끝난 후 화면 사이즈가 고정되었을 때 한번만 호출하도록 수정하고 싶었다.최적화 방법 중 일부인, Debounce 와 Throttle 을 공부해보자. Debounce 와 Throttle 모두 함수의 연속적인 실행을 제한하는 목적을 가지고 설계되었다. 📍 Debounce요청이 들어온 뒤, 일정 시간을 기다린 후 요청을 수행한다.일정 시간 내에 같은 요청이.. 2024. 11. 18. 이전 1 다음
