Debouncing & Throttling

dev_eunchae·2022년 6월 5일
0

FE-study

목록 보기
5/11

CPU의 무리를 주지 않기 위해 사용되는 개념
과도한 이벤트나 함수들의 빈도수를 줄여서 성능을 향상시키는(최적화) 프로그래밍 기법

추가 공부 필요!

Debouncing (디바운싱)

  • 주로 검색에 사용
  • 특정 시간을 기준으로 해당 시간 내에 요청된 내용들은 무시
  • 연이어 발생한 이벤트를 하나의 그룹으로 묶어서 처리하는 방식으로, 주로 그룹에서 마지막, 혹은 처음에 처리된 함수를 처리하는 방식으로 사용
  • 계속 호출되는 함수들 중 제일 마지막 함수만 호출되게 하는 것 => 가장 최신으로 실행된 이벤트를 실행되게 하는 것

Throttling (쓰로틀링)

  • 주로 스크롤에 사용
  • 연이어 발생한 이벤트에 대해, 일정한 delay를 포함시켜 연속적으로 발생한 이벤트는 무시하는 방식
    즉, delay 시간동안 호출된 함수는 무시하는 케이스
  • 마지막 함수가 호출된 후 일정시간이 지나기 전에 다시 호출되지 않게 하는 것 => 여러번 실행되는 이벤트를 일정시간 동안 한번만 실행되게 하는 것 ( 몇 초에 한번, 몇 밀리초에 한 번)

출처1
출처2

profile
타인을 이해하는 개발자 | 오늘은 못해도 내일은 할 수 있도록

0개의 댓글