mergeMap(2)
-
[RXJS] mergeMap, switchMap 차이
개요 흔히 rx.js를 사용할 때, Promise를 unwrap 할 때, mergeMap 또는 switchMap을 사용한다. 이 때 둘의 차이를 알아보자. mergeMap vs switchMap 우선 가이드 문서를 읽어보자. 우선 mergeMap의 설명은 아래와 같다. Projects each source value to an Observable which is merged in the output Observable.그리고 switchMap은 아래와 같다. Projects each source value to an Observable which is merged in the output Observable, emitting values only from the most recently projected..
2022.08.21 -
[RxJS] Promise.all 대신 mergeMap 써보기
개요 여러 async 함수를 동시에 수행해서 결과를 만들고 싶을 때, Promise.all()을 사용한다. 이 때 Promise.all에서 많은 함수가 동시에 call이 되는 것을 막고 싶을 때가 있다. 이를 편리하게 구현할 수 있게 RxJS에서는 mergeMap을 제공한다. 예제 준비코드 아래와 같이 일정 시간 delay후 종료되는 task함수를 만들자. const sleep = async function (ms: number): Promise { return new Promise(resolve => { setTimeout(resolve, ms); }); } const task = async function (id: string): Promise { console.log(id, new Date()); ..
2022.05.08