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 |
Tags
- Redux
- Recoil
- programmers
- 겹치는 선분의 길이
- debounce
- 리덕스
- 배열
- Next
- React
- csr
- 리액트
- 넥스트
- google firebase
- react-query
- JS
- NextJS
- 달리기경주
- todolist
- customModal component 만들기
- next-pwa
- 자바스크립트
- 생명주기
- Firebase
- SSR
- 파이어베이스
- lifecycle
- 투두리스트
- useMutation
- 리엑트
- JavaScript
Archives
- Today
- Total
목록debounce (1)
끄적끄적
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/zxOjc/btrBs0cGKQ0/9kgCkUD5ewl62aEupfaaE1/img.png)
사용자와의 인터랙션중에 수많은 API요청이나, 액션들로 인해 우리의 사이트가 느려질 수가 있습니다. 이중 가장 흔한 건 scroll event, keydown event .. 같은 종류들입니다. 오늘은 scroll event를 인식할 때 동작 하기 위한 throttling 과 debounce에 대해 알아보겠습니다. 우선 둘다 이벤트나 함수 실행의 빈도를 줄이고 효율성을 올리기 위한 함수들입니다. 1. Throttling Throttle 는 입력 주기를 방해하지 않고, 일정 시간 동안의 입력을 모아, 한번씩 출력을 제한한다. 예시로는 javascript 라이브러리인 lodash 의 throttle, debounce를 사용하겠습니다. _.throttle(func, [wait=0], [options={}]) ..
Javascript
2022. 5. 7. 18:11