나의 IT Note

resize 이벤트는 브라우저가 resize가 되는 동안 계속 실행이 되기 때문에 성능면에서 좋지 않다. 그래서 setTimeout과 clearTime을 사용으로 resize가 완료된 이후 한번만 실행을 하게 할 수 있다. let resizeTimer = null; function resizeComplete() { // 리사이즈 함수 사용 console.log('resize Complete'); } window.addEventListener('resize', function() { clearTimeout(resizeTimer); resizeTimer = setTimeout(resizeComplete, 400); }, false);