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
- 비동기 작업
- JavaScript
- 로드마크
- localtunnel
- 웹팩
- 이벤트 루프
- 넘블
- Call stack
- 자바스크립트
- 마이크로태스크
- 매클로태스크
- webpack
- 번들러
- pushstate
- 함수형
- 화살표 함수
- 클론코딩
- hoisting
- 호출 스택
- Lexical environment
- 실행 컨택스트
- debounce
- relatedTarget
- 로컬터널
- 이터러블
- 렉시컬 환경
- AbortController
- 유사배열
- fetch 취소
- 호이스팅
Archives
- Today
- Total
목록비동기 작업 (1)
내가 보려고 만든 개발 공부 일지

어떤 채용 공고에 제출한 프론트엔드 과제의 코드리뷰 중 이런 피드백을 받아본적이 있다. "debounce와 throttle 처리가 없는게 아쉽습니다.. " (나 : 디바운스 뭐시기 그게 뭔데 😂) 사실 디바운싱과 스로틀링은 용어만 생소할 뿐이지 프론트엔드 개발자라면 한 번 쯤은 자기도 모르게 고민해봤거나, 직접 구현했던 적이 있을지도 모르는 프로그래밍 기법이다. 함수 실행 횟수 제한 프론트엔드 개발을 하다보면 이벤트 처리는 흔한 일이다. 페이지 내에 스크롤 위치에 따라 모양이 변하는 HTML 요소가 있다고 가정해 보자. 개발자는 먼저 scroll 이벤트를 등록할 것이고, scroll 이벤트의 콜백함수에서는 스크롤의 현 위치값을 받아서 계산해주는 작업이 필요할 것이다. 그런데 이 콜백함수는 스크롤이 일어나..
Javascript
2022. 3. 16. 12:02