# rxjs

29개의 포스트
post-thumbnail

TIL 48 | RxJS

ReactiveX RxJS

2022년 1월 12일
·
0개의 댓글
post-thumbnail

Svelte Rxjs Vite AdorableCSS

"코린이가 처음 듣습니다 스벨트 ㅎㅎ" "리액트 생태계가 너무 탄탄해져서" 나: "...Svelte ㅠㅠ" 왜죠? 어떻게 하다 보니까 힙한 개발자가 되어 버렸습니다. 😢 그래서 오늘의 주제는 제가 쓰고 있는 아주 좋고 힙한 기술 스택 4가지 를 소개해보려고 합니다.

2022년 1월 5일
·
31개의 댓글
post-thumbnail

Rxjs 와 uni/multicast

맨날 헷갈리는 Rxjs

2021년 12월 14일
·
0개의 댓글
post-thumbnail

RxJS로 React 렌더링 성능 개선하기

react-router를 사용할 때 생길 수 있는 성능 문제를 RxJS로 개선해봅시다.

2021년 10월 8일
·
0개의 댓글
post-thumbnail

[Redux] Redux-Observable이란?

우리 회사는 상태관리를 위해 "redux-toolkit(slice)"과 "redux-observable(epic)"을 주로 사용하고 있다. slice는 기존의 redux를 더 편하게 사용하기 위한 것으로 이해할 수 있다. 자세한 내용은 slice에 설명해놓았다. 그렇다

2021년 10월 7일
·
0개의 댓글

React Hooks Vs. RxJS - React는 Fully Reactive할까?

약 1년간 전 회사에서 Angular로 개발을 하다가, 퇴사하고 나서 React로 넘어왔다. 보통 Angular는 프레임워크기 때문에 배우기 가장 어렵고, React는 그보다는 쉽다고 하던데 웬걸..React를 받아들이는 데 Angular보다 더 애먹었다. 처음에 가장

2021년 9월 9일
·
1개의 댓글
post-thumbnail

rxjs가 해결하려고 했던 문제

RxJS 퀵스타트 책의 내용 중 일부를 정리한 글입니다.웹 애플리케이션에는 다양한 형태의 입력 데이터가 존재한다. 글 목록, 유저가 입력한 폼 데이터 등등... 이를 크게 2가지로 나눌 수 있는데, 동기와 비동기이다.둘 중 하나로 통일할 수 있다면 좋겠지만 현실적으로

2021년 8월 5일
·
0개의 댓글

@Injectable()

@injectable() 데코레이터는 이 클래스가 의존성 주입 시스템에 포함되는 클래스라고 선언하는 구문입니다. 그래서 해당 클래스는 의존성으로 주입될 수있으며 이 클래스도 의존성을 주입받을 수 있습니다.

2021년 6월 16일
·
0개의 댓글

RxJS의 프로세스 흐름

데이터 소스(생산자)를 Observable로 변경한다.Observable 의 operator 를 통해 데이터를 변경하거나 추출한다.원하는 데이터를 받아 처리하는 소모자 Observer를 만든다.Obsevable 의 subscribe 를 통해 Observer를 등록한다.

2021년 6월 14일
·
0개의 댓글

RxJs 의 Subscription

Observable.subscribe의 반환값이다. Subscription 객체는 자원의 해제를 담당한다. 등록된 옵저버블의 데이터를 더이상 전달 받고 싶지 않을 경우 unsubscribe 메소드를 호출하여 자원을 해제한다.

2021년 6월 14일
·
0개의 댓글

Rxjs 의 from() 오퍼레이터

from() 메소드는 이터러블한 객체를 옵저버블로 만들 수 있다

2021년 6월 14일
·
0개의 댓글

RxJS 의 pluck() 오퍼레이터

pluck은 사전적으로 "~을 뽑다" 라는 의미로서 추출할 속성들을 "문자열"로 지정할 수 있다. 이 함수의 반환값은 새로운 observable 인스턴스 이다.

2021년 6월 14일
·
0개의 댓글

Operator

오퍼레이터는 옵저버블의 생성,변환,필터링,에러처리의 기능을 하는 함수이다.오퍼레이터는 새로운 옵저버블을 반환 한다.1.from 오퍼레이터는 배열과 같은 이터러블을 인자로 전달 받아 옵저버블을 생성한다.2\. map 과 filter 오퍼레이터를 사용하여 옵저버블을 변형,

2021년 6월 14일
·
0개의 댓글

Notification

옵저버블이 방출한 Notification 을 옵저버 구독하면 전달 받는다. 옵저버는 next error complete 메소드를 갖는 객체이며 subscribe 오퍼레이터의 인자로 사용하면 옵저버블을 구독한다.옵저버블은 구독을 해지하거나 complete 메소드가 호출될

2021년 6월 14일
·
0개의 댓글
post-thumbnail

[RxJS] #1 동기와 비동기

동기A라는 작업이 끝나면 B작업을 실행하는 방식블로킹(blocking)이 발생한다.비동기콜백 함수 : 지연 시간(latency)를 발생시키는 작업, 즉 블로킹을 해결하기 위해 콜백 함수가 만들어졌다. 비동기 요청과 함께 콜백 함수를 사용하면 애플리케이션이 다음 줄의 코

2021년 5월 7일
·
0개의 댓글
post-thumbnail

RxJS Subject

RxJS는 크게 두 가지 개념이 있다.Observable , Subject하지만 큰 개념으로 보자면 Subject로도 Observable 동작 가능Observable은 subscrib만 가능. 무언가를 감지만 한다.하지만 Subject는 값을 임의적으로 바꿀 수 있다.

2021년 4월 20일
·
0개의 댓글

[기업협업] 4일차

오늘은 위코드 데이라고 일주일에 한 번씩 가는 날이라 헬스장을 안 가고 푹 쉬다 오후 2시에 위코드로 출근

2021년 4월 16일
·
0개의 댓글

[기업협업] TIL 2일차

오늘은 7시 기상 및 아침을 챙겨먹고 헬스장을 갔다.9시 반에 오피스 도착!다음 주에 사무실이 이전을 해서 우리 공간이 없다고 따로 공용 오피스를 빌려 주셔서 이번주는 거기로 출퇴근하면서 각자 스터디 할 예정이다.원래는 react, redux를 이용해서 프로젝트를 할

2021년 4월 13일
·
1개의 댓글
post-thumbnail

[JavaScript] RxJS(Reactive Extensions For JavaScript)란?

RxJS는 Reactive Extensions For JavaScript 라이브러리이다.Reactive Extensions는 ReactiveX 프로젝트에서 출발한 리액티브 프로그래밍을 지원하기 위해 확장했다는 뜻이다.ReactiveX는 Observer 패턴, Itera

2021년 4월 1일
·
0개의 댓글

rxjs form asyncValidator debounce 처리

input에 데이터를 입력받고, 서버에 중복체크 http request를 해서 그 결과를 받아서validator적용 거기에 debouncedemo

2021년 3월 9일
·
0개의 댓글