Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 로딩 최적화
- Concurrent UI Pattern
- javascript email
- javascript
- 성능 최적화
- useState 동작원리
- 웹 성능 최적화
- 클로져
- 프로그래머의 길
- javascript 순수 함수
- js 함수형 프로그래밍
- 함수형 프로그래밍
- 프러그래머의 길 멘토에게 묻다
- 디바운싱
- javascript 함수형 프로그래밍
- React
- 일급 함수
- javascript 일급 함수
- 자바스크립트
- react 선언형
- Concurrent 모드
- UI 개발 패턴
- React 성능
- react 명령형
- 개발자 독서
- 멘토에게 묻다
- 에니메이션 최적화
- 자바스크립트로 알아보는 함수형 프로그래밍
- React 성능 최적화
- javascript 이메일 자동완성
Archives
- Today
- Total
목록Throttle (1)
Hengxi's 개발 블로그
[JS] 디바운싱(debouncing)과 쓰로틀링(throttling)
이 두 가지 방법 모두 DOM 이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 JS의 양적인 측면, 즉 이벤트(event)를 제어(제한)하는 프로그래밍 기법이다. 웹/앱 사용자가 스크롤(scroll wheel), 트릭 패드, 스크롤 막대를 드레깅 한다고 하면, 사용자는 크게 느끼지 못할 수 있으나 이 행위로 인해 수많은 스크롤 이벤트가 발생하게 된다. 이때 매번 스크롤 이벤트에 대한 콜백(callback)이 발생하고 그 콜백이 수행하는 일은 매우 큰 리소스를 잡아먹게 될 것이다. 디바운싱과 쓰로틀링은 이벤트가 과도한 횟수로 발생하여 이벤트 핸들러가 무거운 연산을 수 없이 많이 수 행하는 경우에 제약을 걸어 제어할 수 있는 수준으로 이벤트를 발생시키는 것을 목표로 하는 기술이다. 디바운싱 연이어 ..
개발/JavaScript
2022. 11. 12. 17:06