본문 바로가기

RxJS3

[RxJS - 3] Observable 생성 fetch('/api') /* { "items": [ {"id": "Open"}, {"id": "OpenNew", "label": "Open New"}, {"id": "Find", "label": "Find..."}, {"id": "FindAgain", "label": "Find Again"}, {"id": "Copy"}, {"id": "CopyAgain", "label": "Copy Again"}, {"id": "CopySVG", "label": "Copy SVG"}, {"id": "ViewSVG", "label": "View SVG"}, {"id": "ViewSource", "label": "View Source"}, ] } */ 위와 같은 API가 있다고 가정했을 때, `fetch('/api')`는.. 2023. 9. 26.
[RxJS - 2] Observable의 파라미터 import { interval, take } from 'rxjs'; const interval$ = interval(1000); // 관례적으로 Observable 객체는 $를 접미로 붙인다. interval$.subscribe(val => console.log("Observable", val)); /* Observable 1 Observable 2 Observable 3 Observable 4 ... */ 이전 글의 위와 같은 상황에서, subscribe의 3가지 파라미터를 알아보자. interval$.subscribe(val => console.log("Observable", val), err => console.log(err) () => console.log("finished!") ); 첫 번째는.. 2023. 9. 26.
[RxJS - 1] Observable이란? Observable은 데이터를 스트림으로써 관찰하고 관리할 수 있게 한다. import { interval, take } from 'rxjs'; const interval$ = interval(1000); // 관례적으로 Observable 객체는 $를 접미로 붙인다. interval$.subscribe(val => console.log("Observable", val)); /* Observable 1 Observable 2 Observable 3 Observable 4 ... */ Observable은 그 자체로는 아무것도 할 수 없다. Observable은 영어 뜻 그대로 "관찰할 수 있는" 객체이다. 위 코드에서 보듯, Observable이라는 객체를 만들고 subscribe 메소드를 통해 Obse.. 2023. 9. 25.
728x90

티스토리툴바