[JavaScript] resize 이벤트 최적화 시키기

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);