# rxjs

75개의 포스트
post-thumbnail

RxJS 스터디 시리즈

요즘 ChatGPT가 인기 좋다. 그래서 배우고싶은 부분을 ChatGPT를 활용하여 배워볼려고 한다. 이 시리즈는 ChatGPT 기반으로 학습했을때 가능성이 있는지 자가진단 테스트이므로, 보기 불편 할 수가 있습니다. > 참고로 ChatGPT 유료결재가 진행된 상태

2023년 3월 15일
·
0개의 댓글
·
post-thumbnail

rxjs

지정한 timeout 시간내에 Observable 이 값을 반환하지 않을 경우에 Error 를 발생한다.

2023년 3월 13일
·
0개의 댓글
·

(비동기) RxJS With Typescript

RxJs는 filter, map, take, skip 등과 같은 유용한 체이닝 함수들을 제공한다. 또는, Observer 패턴을 통해, 여러 사용자가 값을 구독하고, 감시하는 형태의 비동기 프로그래밍 코딩 스타일을 제공한다.

2023년 2월 12일
·
0개의 댓글
·

옵저버블

addEventListener는 이벤트를 처리하기위해 콜백을 인자로 등록해야 하지만 옵저버블패턴은 처리방식이 다르다.이벤트를 옵저버블화하면 옵저버블객체가 반환된다. 이단계는 함수선언과 같이 옵저버블을 선언한것일 뿐이다.addEventListener함수는 이벤트와 콜백을

2023년 2월 1일
·
0개의 댓글
·

catchError / throwError

catchError operator오퍼레이터로서 가공과정에서 던져진 error를 처리하며 옵저버블을 반환하는 핸들러를 인자로 한다.위와같이 catchError에서 다른 옵저버블객체를 반환할 수 도 있고 에러객체유형을 구분하여 err은 any타입 에러객체이고 caught

2023년 1월 15일
·
0개의 댓글
·

tap

템플릿에서 pipe로 구독해야하는 상황이라면 tap을 사용해서 필요한 동작을 수행할 수 있다.

2023년 1월 14일
·
0개의 댓글
·

mergeMap

ajax는 옵저버블을 반환하므로 map반환값은 high order observable타입이 되어 map을 사용하면 두번 구독해야 한다.mergeMap은 high order observable타입이 반환될때 사용하는 map오퍼레이터와 같다.

2023년 1월 5일
·
0개의 댓글
·

ajax

url에 ajax를 사용하면 Response타입의 객체를 옵저버블을 반환받는다.map을 사용해서 response객체의 response프로퍼티를 반환할 수 있다.구독함수에서 response프로퍼티를 받아 사용할 수 있다.ajax.getJSON를 사용하면 Response객

2023년 1월 5일
·
0개의 댓글
·
post-thumbnail

RxJS | (4) RxJS에서의 시간

타이머와 RxJS에서의 연산자, 버퍼 연산자를 정리했어요.

2022년 11월 26일
·
0개의 댓글
·
post-thumbnail

RxJS | (3) 핵심 연산자

RxJS에서의 핵심 연산자

2022년 11월 25일
·
0개의 댓글
·
post-thumbnail

RxJS | (2) 2. 패턴과 옵저버블

이터레이터 패턴과 옵저버블의 차이, Observer API에 대한 간단한 설명

2022년 11월 22일
·
0개의 댓글
·
post-thumbnail

RxJS | (2) 1. 함수형 프로그래밍

RxJS가 말하는 함수형 프로그래밍

2022년 11월 16일
·
0개의 댓글
·

timer

주어진시간후에 방출을 시작하는 옵저버블객체를 반환하는 함수다.delay는 오퍼레이터1초후에 0을 방출하고 완료한다.1초후에 새로운 옵저버블객체가 방출시작한다.

2022년 10월 26일
·
0개의 댓글
·

delayWhen

1초간격으로 값을 0부터 1씩 증가하여 방출하는 옵저버블객체를 반환하는 함수다.timer(2000) 2초후에 시작

2022년 10월 26일
·
0개의 댓글
·

switchMap

map처럼 방출데이터를 원하는 형태로 가공한다.mergeMap처럼 내부반환되는 옵저버블객체를 평탄화한다.map에 시간개념이 추가되면 map에의해 가공된 데이터들이 방출완료되기전에 원 데이터가 방출되면 진행되던 map데이터방출은 취소되고 원 데이터가 방출시작되며 map가

2022년 10월 25일
·
0개의 댓글
·

map, mergeMap

원시값형태의 옵저버블객체에 map오퍼레이터를 사용하는데 원시값을 반환하지 않고 옵저버블객체를 반환하면 Observable<Observable< number>>의 이중구조가 된다.이러한 옵저버블객체도 사용가능하지만 구독함수를 2번연결해야 원하는 데이터를 얻을

2022년 10월 25일
·
0개의 댓글
·
post-thumbnail

Rxjs 한번 배워보실래요?

나: "그래서 RxJs를 대체 할 만한게 있을까요?" > 크루: "솔직히 비동기나 시간을 다루는 데에는 Rxjs를 대체 할 만한게 없긴 하죠. 진짜 좋다고 생각해요. ... 배우기 어려워서 그렇지. 웬만한 개발자들은 배워야 할 이유를 납득하는 것 부터 어려울걸요?" >

2022년 10월 9일
·
28개의 댓글
·

tap next, error

tap오퍼레이터에 성공과 실패에따라 수행할 작업을 구분할 수 있다.

2022년 10월 6일
·
0개의 댓글
·

catchError

옵저버블에서 발생된 에러가 발생했을때 새로운 옵저버블을 반환하거나 에러를 던진다.map함수에서 옵저버블이 에러를 발생시키면 catchError가 에러를 감지하여 함수가 처리한다.err은 any타입 에러객체이고 caught는 원 옵저버블소스이며 에러처리함수에서 에러를 처

2022년 10월 3일
·
0개의 댓글
·

from, of 차이

유사배열객체, promise, 이터러블객체등으로부터 옵저버블객체를 생성한다.옵저버블객체내 원소들은 더이상 배열구조가 아니고 차례로 존재하는 데이터이며 차례로 방출한다. 비동기데이터가 아니면 동기적으로 수행된다.1,2,3개의 숫자를 가진 옵저버블객체를 생성한다.배열을

2022년 9월 18일
·
0개의 댓글
·