# throttle

13개의 포스트
post-thumbnail

[Javascript] 쓰로틀링 & 디바운싱 (throttle & debounce)

프로젝트를 진행하며 이벤트 리스너를 등록하다 보니, scroll, input에 새로운 값이 주어질 때 이를 검사해주는 onChange() 메소드가 너무 짜잘한 값까지 (굳이 탐색이 필요하지 않은..) 반응하는 문제가 발생하였다...!

2021년 1월 16일
·
0개의 댓글
post-thumbnail

React | 컴포넌트 성능 향상 시키기 (feat. Lodash throttle & debounce)

자바스크립트 유틸리티 라이브러리, Lodash의 throttle과 debounce를 리액트에 적용해보자.

2021년 1월 3일
·
11개의 댓글
post-thumbnail

TIL 88 | Debounce & Throttle

Debounce와 Throttle은 자주 사용되는 이벤트나 함수들의 실행되는 빈도를 줄여서 성능을 개선하는 decorator이다.

2020년 12월 13일
·
0개의 댓글

TypeScript에서 useDebounce, useThrottle 만들기

useDebounce와 useThrottle은 debounce와 throttle이 적용된 함수를 반환해주는 hook이다.timer를 useRef로 하여 리렌더링 되도 timer가 초기화 되는 현상을 막는다.callback 함수의 타입 추론을 잘하게 하기 위해서 <

2020년 12월 10일
·
0개의 댓글
post-thumbnail

debounce & throttle

이벤트 핸들러가 많은 연산(예 : 무거운 계산 및 기타 DOM 조작)을 수행(이벤트 핸들러의 과도한 횟수가 발생하는 것)하는 경우 에 대해 제약을 걸어 제어할 수 있는 수준으로 이벤트를 발생(그 핸들러를 더 적게 실행하면 빠져 나갈 수 있음)시키는 것을 목표로 하는 기

2020년 10월 14일
·
0개의 댓글
post-thumbnail

디바운스와 쓰로틀

이름이 무섭게 생겼지만..어렵지 않다.

2020년 9월 22일
·
0개의 댓글
post-thumbnail

Throttle와 Debounce

오늘은 쓰로틀과 디바운스에 대해서 알아보게겠습니다. 두 가지 기법 모두 DOM 이벤트가 발생했을 때 성능을 최적화하기 위한 기법입니다.예를 들어 보죠. 유저가 검색창에 "보드게임"을 입력한다고 생각을 해봅시다. input 이벤트를 걸어둔다면 검색어를 입력할 때마다 이벤

2020년 9월 5일
·
0개의 댓글

Throttle과 Debounce 개념 정리

Throttle, Debounce는 자주 발생하는 이벤트의 빈도를 줄여서 성능향상을 위해 사용한다. 이 개념에 대한 정리가 잘되어 있는 링크를 발견하였다.링크텍스트

2020년 8월 19일
·
0개의 댓글

Throttle, Debounce 차이

throttle과 debounce는 DOM 이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 이벤트를 제어(제한)하는 방법 debounce 그룹화된 이벤트가 특정시간이 지난 후 하나의 이벤트만 발생하도록하는 기술 연이어 호출되는 함수들 중 마지막 함수만 호

2020년 6월 18일
·
0개의 댓글
post-thumbnail

Debounce와 Throttle: 효과적으로 이벤트 핸들링하기

Debounce와 Throttle은 자바스크립트 이벤트를 (양적인 측면에서) 효율적으로 처리하기 위한 방법입니다. 이러한 컨트롤이 필요한 경우의 예를 들기 위해, 이전에 만들었던 페이지를 가져와 보겠습니다. 예전에 만든 회사 홈페이지 직접 개발한 가로 스크롤형 홈페이지

2020년 3월 19일
·
0개의 댓글

JS 지연처리: 디바운스와 스로틀

출처: 두잇! 리액트 프로그래밍 정석어떤 내용을 입력하다가 일정 시간 동안 대기하고 있으면 마지막에 입력된 내용을 서버에 요청을 보내는 방법. 구글 검색창에 입력을 멈추면 연관검색어 목록이 나타남.디바운스와 비슷한 개념이지만 입력되는 동안에도 바로 이전에 요청한 작업을

2020년 3월 9일
·
0개의 댓글