# throttle

67개의 포스트

[JS] Throttle, Debounce

스로틀링(Throttling)은 함수가 지정된 시간 동안 최대 한 번 호출되도록 하는 방법입니다.디바운싱(Debouncing)은 함수가 여러 번 호출되면 일정 시간이 지난 후 마지막에 호출된 함수만 실행되고 이전의 함수는 무시됩니다.Lodash에는 throttle 기능

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

[JS] debounce & throttle

호출되는 함수 중 처음 또는 마지막 이벤트만 발생시키는 것함수가 호출된 후 일정시간간격동안 최대 한번실행ex) 10초에 최대 한번 씩 실행

2022년 10월 3일
·
0개의 댓글
·

android 중복 클릭 방지하기

안드로이드의 고질적인 문제 중에 하나인 중복 클릭 이슈가 있다.버튼 클릭시 post 메소드인 api가 호출된다면 멱등성이 지켜지지 못할 수 있다.ex:) 결제가 두 번 요청됨, 회원가입이 두 번 됨 등..대표적으로 몇 가지 방법이 있다.프로젝트에 Rxjava 프로젝트

2022년 9월 26일
·
0개의 댓글
·
post-thumbnail

디바운스(Debounce)와 쓰로틀(Throttle)

디바운스, 쓰로틀

2022년 9월 15일
·
0개의 댓글
·
post-thumbnail

[JS] debounce, 바운스바운스 두근대 들릴까봐 throttle

실행을 초기화하고 단속하는 함수가 있다? 결국 최적화는 돈이다. 그 비용을 아껴줄 아름다운 함수

2022년 9월 6일
·
0개의 댓글
·
post-thumbnail

throttle 과 클로져

얼마전 throttle을 구현하려고 알아보다가 질문이 생겼다. '매번 throttle을 호출하면 throttle이 계속 새로 호출되게 되고 그럼 새로운 환경이 만들어질 것 같은데 어떻게 이전 환경을 유지할까?'아래 코드를 보면 shouldWait, waitingArgs

2022년 8월 29일
·
0개의 댓글
·

debounce나 throttle이 원하는대로 동작하지 않을 때

https://rajeshnaroth.medium.com/using-throttle-and-debounce-in-a-react-function-component-5489fc3461b3위 글을 참고하였습니다.search 기능을 구현할 때 debounce를 사용하

2022년 8월 10일
·
0개의 댓글
·

Debounce / Throttle

동일한 이벤트가 연속적으로 발생하면 브라우저 성능 저하가 발생할 수 있습니다.연속적으로 발생하는 이벤트를 그룹화하여 한번만 실행하거나, 주기적인 처리, 중복을 방지하여 성능이슈를 해결할 수 있습니다.

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

[Android] 뷰 더블 클릭 방지하기

더블 클릭을 막으려면, 이 글부터 더블 클릭해야 할 겁니다.

2022년 6월 6일
·
0개의 댓글
·

POB_TIL 0520

이번 프로젝트에서 중요하게 생각하는 부분은 api 호출을 최소화 하는것이었고 그것을 위해서는 로컬 캐싱도 있었지만 이벤트를 디바운싱, 스로틀링 처리를 해주는것도 중요했다.

2022년 5월 20일
·
0개의 댓글
·
post-thumbnail

♾️ 무한 스크롤링 ( + 스로틀링 )

무한 스크롤링, 스로틀링, 디바운스 적용 및 정리

2022년 5월 6일
·
0개의 댓글
·

22.05.04 (수) Debounce, Throttle, Rx.js

Throttle 와 Debounce 는 자주 사용 되는 이벤트나 함수 들의 실행되는 빈도를 줄여서, 성능 상의 유리함을 가져오기 위한 개념이다 > keyboard 가 한자씩 입력될 때마다, api 로 데이터를 가져오게 되면, 사용자의 의도와 무관한 요청 이 자주 발생되는데, 이를 줄이기 위해, 입력이 끝난후나, 입력되는 중간 중간 200ms 마다 api ...

2022년 5월 4일
·
0개의 댓글
·

debounce와 throttle

개인노션 작성 글(2022.02.05) 블로그로 이전 중입니다.검색어에 대한 연관검색어를 불러온다고 하면, onchange의 경우 ㄱ,가,감 이런 순서대로 진행될 것입니다.하지만 모든 순서에서 서버에 접근해 데이터를 가지오 오면 엄청나에 요청이 많아질 것입니다.이러한

2022년 4월 22일
·
0개의 댓글
·

debounce와 throttle

개인노션 작성 글(2022.02.05) 블로그로 이전 중입니다.검색어에 대한 연관검색어를 불러온다고 하면, onchange의 경우 ㄱ,가,감 이런 순서대로 진행될 것입니다.하지만 모든 순서에서 서버에 접근해 데이터를 가지오 오면 엄청나에 요청이 많아질 것입니다.이러한

2022년 4월 22일
·
0개의 댓글
·

쓰로틀(Throttle)과 디바운스(Debounce)

쓰로틀(Throttle)과 디바운스(Debounce)는 자주 사용되는 이벤트나 함수들(input, scroll 등)의 실행되는 빈도를 줄여 성능상의 유리함을 가져오기 위한 개념입니다.쓰로틀과 디바운스의 예제를 보고 설명하겠습니다.먼저 쓰로틀(throttle)은 여러번

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

[WEB] 느림의 미학 - Debounce, Throttle

최적화를 위해 실행 시점을 조절하는 Debounce, Throttle 개념을 소개합니다

2022년 4월 17일
·
0개의 댓글
·

[JS] 디바운스, 쓰로틀 (Debounce, Throttle) with lodash

연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것검색어 자동완성기능을 구현하는 경우를 생각해보자.ㄷ 디 딥 디바 디방 디바우 디바운 디바운ㅅ 디바운스'디바운스' 검색하는데 쓸데없이 api 호출 9번하면 자원낭비 넘 심하고요?이 때 와다다 치

2022년 4월 15일
·
0개의 댓글
·

디바운스 & 스로틀

디바운싱과 스로틀 모두 DOM이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 이벤트를 제어하는 방법이다. ex) 스크롤 이벤트 => 매번 스크롤을 움직일때마다 이벤트가 발생하고 이벤트에 대한 콜백이 발생하며 이를 모두 실행하면 성능이 저하될 것이다. 트위터 웹

2022년 4월 11일
·
0개의 댓글
·

[JavaScript] 디바운스(Debounce) vs 스로틀(Throttle)

✅ 공통점 ●짧은 시간에 여러번 발생하는 이벤트를 그룹화해서 , 과도한 이벤트 호출을 방지 ● 엄청나게 빠른속도로 클릭을 여러번 하기 ● 검색창에 키보드로 입력하기 ● 스크롤바를 위아래로 쭉쭉 움직이기 ● 창을 리사이징 하기 ● 등등...

2022년 4월 10일
·
0개의 댓글
·

Jetpack Compose에서 다중 클릭 방지

https://medium.com/@al-e-shevelev/how-to-prevent-multiple-clicks-in-android-jetpack-compose-8e62224c9c5e코루틴에 기반을 둔 방법이 있다. 이 방식에서는 SharedFlow를 생성

2022년 3월 21일
·
0개의 댓글
·