방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com RxJS9 RxJs 기본, Subject와 BehaviorSubject 그리고 Observable Rxjs는 데이터의 변화를 감시자를 만들어 바라보게 하다가 데이터가 변하는 순간 사용자가 입력 한 행동을 하도록 구성된, 소위 반응형 방식으로 구성되어 있다. 기본적인 관측은 Subject를 활용하여 간단하게 구현 할 수 있다. import { Subject } from 'rxjs'; const sub = new Subject(); sub.next(1); var a = sub.subscribe(console.log); //a 감시자, 지나간 1에 대해서는 행동을 하지 않음 sub.next(2); // a에서 2 출력 var b = sub.subscribe(console.log); //b 감시자, 지나간 2에 대해서는 행동하지 않음 sub.next(3); //a와 b에서 3출력 위 예제를 보면, Subje.. 2019. 5. 7. Rxjs 반응형 프로그래밍 시작 - Typescript 개발환경 구축 반응형 프로그래밍이라는 말을 심심치 않게 찾아 볼 수 있다. 반응형 프로그래밍은 쉽게 말하면 한번 코딩을 해 놓으면 이후에 데이터가 변화하는 행동을 알아서 처리하는 것을 의미 한다. 예를들어, 게시판 같은 곳에서 하단의 페이징 버튼을 눌러 다음페이지로 이동하는 부분에서, 기존에 코딩방식은 데이터를 가져와서 기존 데이터를 삭제하고 다시 그려주는 역할을 사용자가 전부 다 코딩하였다면, 반응형 프로그래밍 기법을 활용하면 최초 1번만 사용자가 코딩을 해 주고 이후에 변동되는 데이터에 대해서는 알아서 처리를 해 준다. Rxjs는 Javascript로 이루어진 반응형 프로그래밍으로도 잘 알려진 오픈소스이다. Rxjava, RxPy, RxPhp등등..Reactivex 홈페이지로 이동하면 다른 언어로 만든 오픈소스 라.. 2019. 5. 7. 비동기 방식 프로그래밍, rxjs 앵귤러를 공부하다보니 rxjs라는 기능을 알게되었다. 어떠한 이벤트 관련된 데이터나 스트림 등을 비동기 방식으로 다룰 수 있게해주는 라이브러리 이다. 비슷한 기능으로 예전부터 많은사람들이 애용한 ajax가 있지만 ajax는 tcp통신에서만 사용되던 기능이었지만, 이 rxjs는 단순한 console 같은 기능 또한 비동기 방식으로 지원해준다. 동작원리는, 대상자인 Observer와 관심사인 Observable을 통해서 원하는 동작을 설정하고 subscribe으로 구독하게 하는 방식이라 나와 있다. 간단하게보면..observable은 공장이고 observer는 일할 주체, subscribe는 실행의 느낌인 것 같다. 해당소스코드 출처 https://rxjs-dev.firebaseapp.com/ 해당 소스코드.. 2019. 4. 26. 이전 1 2 다음
