성능 향상을 위한 쓰로틀(Throttle)과 디바운스(Debounce)
여기서의 쓰로틀과 디바운스는 브라우저 이벤트 성능을 최적화하는 기법으로 설명합니다. 이벤트 성능 최적화 방법 디바운스(Debounce)는 중복되는 동작이 반복적으로 일어날 때 강제적으로 무시하고 마지막 동작만 실행하는 것이다. 1초에 100번 동작하는 함수가 있다고 하자. 함수가 실행될 때마다 데이터는 초기화되지만 정밀한 값을 따지지 않는 이상 사람 눈에는 1초에 한두 번 값이 바뀌어 보인다. 이 경우 성능 면에서 효율적이지 못해 최적화를 위해서 디바운스 또는 쓰로틀을 활용하면 되나, 사용자 경험과 최적화 중 어떤 것이 중점인지 파악해서 알맞게 적용해야한다. 사용자 경험 => 쓰로틀 성능 => 디바운스 이벤트 최적화 사용 예시 브라우저 resized Event Scroll 이벤트 키보드 입력 중지 lod..
2022.01.01