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
- Lexical environment
- 웹팩
- localtunnel
- 클론코딩
- hoisting
- 번들러
- fetch 취소
- 비동기 작업
- relatedTarget
- pushstate
- 이터러블
- JavaScript
- webpack
- 호출 스택
- AbortController
- 자바스크립트
- 매클로태스크
- 로드마크
- 유사배열
- 렉시컬 환경
- 넘블
- 화살표 함수
- debounce
- 실행 컨택스트
- 이벤트 루프
- 마이크로태스크
- 로컬터널
- 함수형
- 호이스팅
- Call stack
Archives
- Today
- Total
목록Throttle (1)
내가 보려고 만든 개발 공부 일지
자바스크립트 - debouncing과 throttling 그리고 AbortController
어떤 채용 공고에 제출한 프론트엔드 과제의 코드리뷰 중 이런 피드백을 받아본적이 있다. "debounce와 throttle 처리가 없는게 아쉽습니다.. " (나 : 디바운스 뭐시기 그게 뭔데 😂) 사실 디바운싱과 스로틀링은 용어만 생소할 뿐이지 프론트엔드 개발자라면 한 번 쯤은 자기도 모르게 고민해봤거나, 직접 구현했던 적이 있을지도 모르는 프로그래밍 기법이다. 함수 실행 횟수 제한 프론트엔드 개발을 하다보면 이벤트 처리는 흔한 일이다. 페이지 내에 스크롤 위치에 따라 모양이 변하는 HTML 요소가 있다고 가정해 보자. 개발자는 먼저 scroll 이벤트를 등록할 것이고, scroll 이벤트의 콜백함수에서는 스크롤의 현 위치값을 받아서 계산해주는 작업이 필요할 것이다. 그런데 이 콜백함수는 스크롤이 일어나..
Javascript
2022. 3. 16. 12:02