Throttle과 Debounce가 만들어진 이유나 어떠한 동작의 개념을 가지는 지는 모두 아실 것이라 생각합니다. 그래도 한 번 정리해보자면, Throttle은 이벤트를 일정한 주기마다 (설정한 Milliseconds) 발생하도록 하며, Debounce는 마지막으로 함수가 호출된 시점에서 특정 시간이 지난 후 (설정한 Milliseconds)하나의 이벤트만 발생하도록 하는 기술입니다. 이 두 기술 모두 이벤트 실행에 특정 제약을 걸어 과다한 이벤트 로직 실행을 방지하고, 궁극적으로 웹 페이지 성능의 향상을 위해 나타났다고 볼 수 있습니다. 이번 시간에는, 간단하게 이 둘에 대해 구현을 해보고, 어떻게 사용될 수 있는지 예시를 들어보도록 하겠습니다. 코드는 간단합니다. 자바스크립트의 Date 객체를 이용..
The splice() method changes the contents of an array by removing existing elements and/or adding new elements. 자바스크립트 Array의 내장 메소드인 splice()는 배열 안의 존재하는 요소들을 지우거나 새로운 요소들을 추가함으로써, 배열의 내용을 바꾼다. It allows removal (and optionally insertion) of items at an arbitrary index in the array. It will return an array of elements removed from the array. 배열의 임의적인 인덱스에서 항목을 제거 (선택적으로 삽입) 할 수 있게 한다. 배열로부터 제거된 ..
- Total
- Today
- Yesterday
- devDependencies
- dependencies
- react-hooks test
- jest react test
- jest reducer test
- void 0
- react-testing-library
- NPM
- 크롬 퍼포먼스 탭
- ES6 Module
- 효율적인 디버깅
- js debugger
- Package
- infinite-scrolling
- javascript
- ES2020
- reducer test
- redux-mock-store
- vue.js
- axios
- react hoc 테스트
- jest reducer 테스트
- react-waypoint
- difference_1.default is not a function
- hoc test
- react-infinite-scroll
- esModuleInterop
- codility
- infinite-scrolling 구현
- tsconfig.json
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |