inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

시간의 마법사 RxJS - setTimeout 은 No! 모든 비동기 작업들을 한방에 해결하자

concatMap, concatAll

10강 concatMap, concatAll :: 8분 40초 부분 질문드립니다.

416

YUN HO LEE

작성한 질문수 2

0

안녕하세요 강의 잘 듣고있습니다.

강의 듣다가 이해가 잘 안가는 부분이 있었는데요,

강의 8분 40초 쯔음, 

stream.pipe(
  concatMap(data=> Rx.from(userTask(data)))
).subscribe()

이런식으로 userTask(data) 를

Rx.from 으로 처리하여 옵져버블로 만들어야 한다고

알려주셨습니다.

그런데 그 이유에 대해서는 설명이 없었고,

왜 그렇게 해야하는지 잘 이해가 가지 않았습니다.

실험삼아 userTask(data) 를 Rx.from 으로 처리하지 않았는데도 함수가 잘 동작되었기 때문에 굳이 왜 Rx.from 함수를 써서 옵져버블로 만들었는지 잘 이해가 가지 않았습니다. 

질문 :: userTask(data) 를 옵져버블로 만들어야 할 이유가 무엇인가요?

javascript 함수형-프로그래밍 rxjs

답변 2

1

나무

안녕하세요 좋은 질문 감사합니다:)

먼저 설명드리자면 concatMap 오퍼레이터의 type definition을 살펴보시면 (types.d.ts 파일에 있습니다.)

export declare type ObservableInput<T> = SubscribableOrPromise<T> | ArrayLike<T> | Iterable<T>;

ObservableInput 타입을 반환하는 함수를 인자로 받게 되어있는데, 보시는 바와 같이 SubscribableOrPromise 를 둘다 반환해도 사용이 가능합니다. 따라서 Rx.from 을 사용하지 않아도 그 자체가 Promise 이기 때문에 그대로 사용이 가능합니다.

하지만 굳이 Rx.from 을 사용한 이유는 Promise 를 Observable 로 변환해서 Observable 형태로 바꾸어 반환하는 것이 더 이해하기 쉬울 것 같아서 저렇게 사용했습니다.

'왜 Observable 이 아니라 다른 값을 반환했는데 동작하지?' 와 같은 헷갈림이 있을 것 같아서 저렇게 해두었는데, 이 내용을 강의에서 설명드리는 것이 더 좋았겠다는 생각이 드네요.. ㅎㅎ

0

이충만

안녕하세요. 우선 좋은 강의 감사드립니다. 강의를 듣다가 궁금증이 하나 생겼습니다. 대략적인 느낌으로는 concatAll 이 옵저버블이나 프로미스를 데이터 흐름으로 사용하기 위해 쓰는 것 같은데 그렇다면 혹시, concatMap(v => v) 요 문법이 concatAll() 과 같은 일을 하나요??

mission 09-01 을 수행할 수 없어요

0

10

1

Context API vs Zustand 그리고 Auth

0

20

2

순수 함수 / 순수 컴포넌트

0

18

1

css box-sizing 관련 질문

0

31

2

스니펫이 이상해요

0

30

2

Editor Component의 최적화 불가능 이슈

0

37

2

useCallback ⊂ useMemo

0

34

2

깃허브 저장소를 어디에 첨부하셨나요?

1

37

1

nestjs 강의는 없나요??

1

38

2

스타터 저장소

1

39

1

What is Rxjs

0

28

1

라이브러리 설치 질문

0

33

2

linter 질문

0

40

2

수업자료 링크 접속했는데 404에러 뜹니다 ㅠ

1

45

1

primitive에 onClick 이벤트가 안되는 경우

0

30

3

감정일기장 vercel 배포 후 새로 고침 시 404페이지가 뜨는 이유

0

40

2

자료실

1

41

2

Sort 메서드 관련 아티클

0

43

2

4.1) React.js를 소개합니다 강의를 듣고 궁금한 점이 생겼습니다.

0

44

2

html, body에 적용하는 css 스타일 질문입니다.

0

38

2

html / css 기초는 있습니다..

0

50

2

모든 컴포넌트를 클라이언트 컴포넌트로 했을 때

0

32

3

ReactScriptExample 관련 질문

0

40

1

강의 영상의 해상도를 더 높일 수는 없나요?

0

466

1