rxjs연산자2 [RxJS] 실습 - 스마트한 키워드 검색창 만들기 링크 : https://www.yalco.kr/@rxjs/3-1/ 소개 : 사용자의 입력에 따라 AJAX 호출로 서버에서 사용자 이름을 조회하는 기능이다. 계획(initial plan) : 기능 구현을 위해 단계별로 생각해보기. 작업 전 1차적으로 구상해보고 작업 완료 후 1차에서의 계획이 그대로 실현되었는지 생각해보고 다시 정리해 보기. 단계 : ①키 이벤트(입력) → ②Ajax 호출(검색) → ③결과 하단에 출력 사용될 연산자 : mergeMap, switchMap, pluck, filter, debounceTime, distinctUntilChange ■ mergeMap const url = 'http://127.0.0.1:3000/people/quarter-error' const keyword =.. 2023. 1. 16. [Chapter#2] RxJS 연산자들 -ing (공식문서) ■ Transformation 연산자들 map : 옵저버블에 연산자 매핑. 함수를 적용하여 옵저버블로 실행되는 데이터의 특성 또는 값을 변형한다. 일대일 변환. pluck : toArray : scan : zip : ■ take 와 skip 관련 연산자들 take : 앞에서 부터 N개 takeLast : 뒤에서 부터 N개 takeWhile : ~하는 동안에 (조건문) takeUntil : 기준이 되는 스트림이 발행하기까지 발행 ※ 인자로 또 다른 스트림을 받는다. skip : 발행물 앞에서 부터 N개 건너 뛰기 skipLast : 뒤에서 부터 N개 건너 뛰기 skipWhile : ~ 하는 동안 건너 뛰기 skipUntil : 기준이 되는 스트림이 발행되고 부터 건너 뛰기 ※ 인자로 또 다른 .. 2023. 1. 13. 이전 1 다음
