[DEV] Programming Lang/TypeScript
[RxJs] debounceTime(milsec), distinctUntilChanged(), switchMap(), 실시간 검색
# 개요만약 실시간 검색창 또는 실시간 검증 Input이 있다고 하자.검색어가 입력하는 것을 감지해서, 서버에 검색 request 또는 검증 request 를 보내서, 처리한 결과를 업데이트하게 된다.그러나, 검색어 하나가 입력될 때마다 request를 호출하는 것은 굉장히 비효율적이다.그리고, request 주기가 빠르면, 이전에 request가 다 처리되기도 전에 새로운 request의 결과로 덮어씌워야하는 경우도 발생한다.단순히, formcontrol.valueChanges() Observable[또는 keyup event]을 단순히 subscribe함으로 처리를 한다면 한글자마다, request가 발생하게된다. [한글의 경우, '홍길동'이라고 한다면, ㅎ,ㅗ,ㅇ,ㄱ,ㅣ,ㄹ,ㄷ,ㅗ,ㅇ 입력시에 모두..
2020. 11. 12. 11:16
최근댓글