# debounce
[Front-End] Throttling & Debounce
클라이언트에서 대량의 요청을 동시에 보내는 경우 서버는 과부하가 올 수 있습니다. 이는 응답시간의 지연이나 서버의 성능 저하로 이어질 수 있습니다. 따라서 이런 상황을 방지하기 위해 일정시간을 주어 그 시간동안 무시하는 방식을 쓰로틀링이라고 합니다. 이벤트가 처리될 때
TIL(Today I Learned) 4
debounce는 dom 스크롤 또는 숫자 입력에 따른 api값 호출 같이 이벤트가 과도하게 많은 호출을 하는 경우 지정한 시간 동안 호출에 제약을 걸어 api 호출 과부하를 방지하는 기술검색창에서 값이 바뀔 때 마다 API호출을 하게 되면 너무 많은 요청을 보내기에
debounce로 API 호출 최적화하기
유저 검색 기능 개선을 위해 디바운스를 적용하여 API 호출 횟수를 감소시켰습니다. 이전에는 입력할 때마다 불필요한 호출이 발생했지만, 디바운스를 사용하여 마지막 이벤트만 처리하도록 구현했습니다. 결과적으로 API 호출이 80% 감소하였습니다.
Firebase 무한스크롤을 직접 구현해보자..
우선 스크롤로 바닥을 찍었을 때를 알기 위해 라이브러리를 설치해서 import했다.import후 다음과 같이 callback을 전달해주면 된다.callback의 내용으로는, 최초의 불러온 데이터 이후의 데이터를 불러오는 로직을 짜주었다..
TextField을 publisher로 활용하기
이번 포스팅에서는 Combine과 TextField를 조합해서 사용해보도록 하겠습니다. TextField에 URL 주소를 입력하면 해당 URL로 네트워크 통신을 하는 코드를 만들어보겠습니다. UIKit UIKit에서 UITextField를 사용하는 방법부터 알아보겠
[Axios] 토큰 갱신 + 디바운스 => promise array
Axios inteceptor token 갱신 + debounce 레거시 프로젝트에 토큰 갱신 인터셉터를 수정하다.... 한페이지 내에서 호출이 여러번 들어오는데 호출 1개당 토큰리프레시 1회가 호출된다... 낭비 ... 디바운스 적용 ...
230317_TIL
Debounce 많은 변경사항이 있을 때, 일괄 처리하기 때문에 서버에 10번 요청할 것을 1번만 처리할 수 있게끔 해줌. 디바운스 스로틀을 사용하여 한 번에 모두 보낼 수 있는 것처럼 모든 것이 변경된 후, 하나의 요청을 수행해야 한다. Throttle 스로틀은
Throttle, Debounce
과한 이벤트 동작을 방지하는 것.이벤트 발생으로 함수가 실행되었을 때 짧은시간 과도하게 반복된 이벤트가 발생한다면 함수가 실행되는 시간동안 delay가 발생하고 개발자의 의도대로 실행되지 않을 수 있다.함수가 실행된 후 delay를 주어 그 시간동안 이벤트가 발생한다면
Debounce 함수란
사용자가 미리 결정된 시간 동안 타이핑을 멈출 때까지 keyup 이벤트의 처리를 지연시킨다.hooks 폴더의 js파일은 항상 use~로 이름짓는다.
Debounce 와 throttle 은 뭐고 각각 언제 사용할까?
Debounce와 throttle은 시간이 지남에 따라 함수 실행을 허용하는 횟수를 제어하는 유사하지만 다른 기술이다.각각의 기술에 대해 알아보고 언제 사용하는지 고찰해보자.연속적으로 발생한 이벤트를 하나로 처리하는 방식이다.주로 처음이나 마지막으로 실행된 함수만을 실
API 다중 호출 이슈 처리2 - JMeter 테스트
Base Project 의 API 다중호출 방어로직 성능 측정을 위한 JMeter 테스트
20day - Debouce, Throttle, Lodash
데이터베이스에서 특정 단어가 들어간 게시글을 검색하는 방법에는 테이블 풀스캔이라는 방식이 있다. 일일히 하나하나 게시글을 확인해 단어가 들어가는지 확인하는 방식인데 너무 비효율적이다. 그래서 단어 별로 묶은 테이블을 하나 더 만드는데, 역인덱스 방식(Inverted