pipe() chain

RxJS 코드는 값의 출발점과 변환 단계를 따라 읽는다

Observable을 생성한 뒤 pipe 안에서 값을 바꾸고 걸러내며, subscribe에서 실제 실행과 결과 처리를 시작합니다. 타입스크립트는 이 흐름의 타입을 단계별로 추론합니다.

01

생성

of, fromEvent, interval로 값이 흘러올 통로를 만듭니다.

02

변환

map과 filter는 원본을 바꾸지 않고 새 Observable을 반환합니다.

03

제어

debounceTime, take, catchError로 빈도와 종료, 오류를 다룹니다.

04

구독

subscribe가 호출되어야 lazy 스트림이 실행되기 시작합니다.

TypeScript inference
Observable<Product[]>

제품 목록이 배열로 흐르는 시작 타입입니다.

map(filter)

사용 가능한 제품만 남겨도 배열 타입이 유지됩니다.

Observable<string[]>

이름만 추출하면 다음 구독자는 문자열 배열을 받습니다.

구독 수명 주기

  • next는 값, error는 실패, complete는 정상 종료를 의미합니다.
  • 무한 이벤트 스트림은 unsubscribe 또는 takeUntil로 정리합니다.
  • 구독 위치는 사이드 이펙트가 실제로 시작되는 위치입니다.