hot, cold observable 의 이해

Jin·2020년 12월 23일

반응형 프로그래밍

왜 조사하는가?

Redux-observable 의 테스트를 간결하게 만들기 위해서 조사한다.
marble 테스트에 hot, cold observable 의 개념이 활용된다.

요약

hot observable: 데이터가 observable 밖에서 생성된다.
cold observable: 데이터가 observable 내에서 생성된다.

예제

비교 포인트

Observable 의 여러명의 구독자는 동일한 값을 얻을까?

hot observable

const random = Math.random();

const observable = Rx.Observable.create((observer) => {
  observer.next(random);
});

// 아래 두개는 같은 값을 구독한다.

observable.subscribe((data) => {
  console.log(data);
});

observable.subscribe((data) => {
  console.log(data);
});

cold observable

const observable = Rx.Observable.create((observer) => {
  observer.next(Math.random());
});

// 아래 두개는 다른 값을 구독한다.

observable.subscribe((data) => {
  console.log(data);
});

observable.subscribe((data) => {
  console.log(data);
});