Throttle과 Debounce의 구현 및 예제
Throttle과 Debounce가 만들어진 이유나 어떠한 동작의 개념을 가지는 지는 모두 아실 것이라 생각합니다. 그래도 한 번 정리해보자면, Throttle은 이벤트를 일정한 주기마다 (설정한 Milliseconds) 발생하도록 하며, Debounce는 마지막으로 함수가 호출된 시점에서 특정 시간이 지난 후 (설정한 Milliseconds)하나의 이벤트만 발생하도록 하는 기술입니다. 이 두 기술 모두 이벤트 실행에 특정 제약을 걸어 과다한 이벤트 로직 실행을 방지하고, 궁극적으로 웹 페이지 성능의 향상을 위해 나타났다고 볼 수 있습니다. 이번 시간에는, 간단하게 이 둘에 대해 구현을 해보고, 어떻게 사용될 수 있는지 예시를 들어보도록 하겠습니다. 코드는 간단합니다. 자바스크립트의 Date 객체를 이용..
Javascript
2018. 9. 22. 15:21
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 크롬 퍼포먼스 탭
- reducer test
- ES2020
- difference_1.default is not a function
- NPM
- react-waypoint
- esModuleInterop
- react-hooks test
- dependencies
- react-infinite-scroll
- react hoc 테스트
- ES6 Module
- tsconfig.json
- hoc test
- javascript
- 효율적인 디버깅
- jest react test
- void 0
- infinite-scrolling 구현
- jest reducer test
- react-testing-library
- codility
- js debugger
- infinite-scrolling
- vue.js
- Package
- jest reducer 테스트
- devDependencies
- axios
- redux-mock-store
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함