Debounce & Throttle

Debounce & Throttle이벤트 오버클럭(overclock - 과도한 이벤트 발생)은 리소스 사용량을 증가시키기 때문에 성능문제를 야기하고 사용자 경험을 떨어트립니다.과도한 이벤트나 함수들의 빈도수를 줄여서 성능을 향상시키는 프로그래밍 기법 중, 자주 언급되는 두 가지를 알아봅니다. Debounce와 Throttle은 둘 다 함수의 연속적인 실행을 제한하는 목적을 가지고 설계되었습니다.그 중 `Debounce`는 특정 기간 동안 함수의 실행을 모두 취소하고, 마지막 실행만 수행합니다.반대로 `Throttle`은 함수 실행 후 특정 기간 동안 추가적인 함수의 재실행을 모두 취소합니다.이 둘은 매우 비슷해 보이지만 서로 다른 특성을 갖고 있는, 정해진 시간 동안 얼마나 많은 함수의 실행을 허가할 것..

2024.05.23

프론트엔드 개발환경의 이해: webpack5

프론트엔드 개발환경의 이해 강의를 듣고 최신 스펙인 webpack5로 다시 환경설정을 해봤다. 1. NPM 1-2. 프로젝트 생성 vs code로 프로젝트 폴더를 열고 터미널을 이용해 프로젝트를 생성한다. $ npm init 옵션은 전부 엔터로 넘겨도 된다. 루트에 package.json 파일이 생성된다. 2. webpack5 2-1. webpack & webpack-cli 세팅 터미널을 이용해 webpack과 webpack-cli 패키지를 설치한다. $ npm i -D webpack webpack-cli 루트에 webpack.config.js 파일을 생성한 후 아래와 같이 세팅한다. webpack.config.js: const path = require('path'); const mode = proce..

2024.01.16