observable

Promise

비동기 작업 도와줘~

Observable

=> 옵저버블은 연속적인 비동기 작업을 도와준다.

페이지네이션 화면에서 3을 클릭후 빠르게 5를 다시 클릭했을때?
네트워크를 타고 백엔드가서는 먼저 처리가 완료된것을 먼저 준다.
따라서 5를 받고 3을 받아서 최종적으로 3페이지를 보게될 수도 있다.
그루핑을 하면 5를 요청했을때 3을 취소할 수가 있다.

아폴로는 옵저버블 기반으로 다 바뀌게 되었다.
따라서 프로미스를 옵저버형태로 바꿔야한다.

기존 요청을 취소한다? Observable 활용하기.

함수형 프로그래밍
[1,2,3].map(el=>el*2 filter(el => el <= 10)

반응형 프로그래밍
리액티브 프로그래밍을 확장한 reactive extension (rxjs)
라이브러리 : zen-observable( 아폴로 내에서 사용)

Observable 사용예제

• 연속적인 페이지 클릭
• 연속적인 검색어 변경

fromPromise() 사용하면 옵저버블 형태로 변경 가능하다.
fromPromise().flatMap()
(자바스크립트의 알고리즘 플랫맵과는 다름)