반응형
자바스크립트 디바운스
-
[Javascript] 쓰로틀링, 디바운싱(throttling, debouncing)?Front-end/Javascript 2020. 7. 26. 19:29
++ 광고 클릭은 블로그를 계속 운영할 수 있는 꿈과 희망 그리고 사랑이 됩니다... 잠깐, 들어가기 전에 웹 개발을 해보았다면, 아마도 반응형 웹페이지를 만들어본 적이 있을 것이다. 해보았다고 아주아주아주 굳게 믿고있다. 왼쪽 Navigation bar를 만들면 크게 문제가 되지 않지만, 오른쪽 Navigation bar을 만들 때 이슈가 종종 생긴다. 보통의 사용자 경험상, 사람들은 오른쪽을 기준해 윈도우를 리사이징한다. 이때, 아래 코드처럼 윈도우 리사이즈 이벤트를 사용중이라면 슬슬 퍼포먼스 이슈가 생긴다. function customFunction() { // logic console.log('write logic what you wanna do') } window.addEventListener(..