방문해 주셔서 감사합니다! 항상 행복하세요! - 문의사항은 메일 또는 댓글로 언제든 연락주세요. - "해줘","답 내놔" 같은 질문은 답변드리지 않습니다. - 메일주소 : lts06069@naver.com RxJS9 Nestjs 프레임워크 서버(emitter, rxjs, schedule) -15 #1. Emitter, rxjs Nestjs에서 재미있는 기능을 뽑으라면 에미터(emitter : 방출하다) 기능 입니다. 에미터라는 기능은 리엑트나 앵귤러를 한 사람에게는 친숙한 기능인데.. 특정 이벤트를 동작시켜 해당 동작을 바라보거나, 구독하는 대상에게 내용을 전달 해 주는 기능 입니다. 프론트 프레임워크 기준으로는, 앵귤러의 rxjs 기능이며 리엑트는 레덕스(또는 모빅스) 기능과 유사 합니다. 이걸 서버코드에서 이걸 어떻게 적용할지 참 고민이 많았습니다만, 아직 멋진 방법을 못했습니다...^^; 백문이 불여일견~! 필요한 라이브러리를 설치하여 줍니다. npm install @nestjs/event-emitter 다음으로 모듈에서 에미터 기능을 사용하기 위해 추가를 해 줍니다. * 파일이름 : ap.. 2022. 9. 22. Nestjs 프레임워크 서버(인터셉터) -6 #인터셉터(Interceptor) 인터셉터는 컨트롤러가 동작하기 전에 사용자가 정의하는 행동을 하는 것을 의미 합니다. nestjs에서 인터셉터를 만드는 것은 어렵지 않습니다. NestInterceptor 라는 인터페이스를 상속받은 뒤에 @Injectable 데코레이터를 붙여주면 기본적인 인터셉터 모양을 만들 수 있습니다. * 파일이름 : app.일반인터셉터.ts import { Injectable, NestInterceptor, ExecutionContext, CallHandler, } from '@nestjs/common'; import { Observable } from 'rxjs'; import { tap } from 'rxjs/operators'; @Injectable() export class.. 2022. 8. 10. Javascript에서의 RxJs를 활용한 행위 공유 앵귤러나 리엑트는 컴포넌트 개념을 통하여 이벤트를 자식노드에 전달 하는데.. 자식노드의 갯수가 많아지면 이를 매번 전달하기 힘들기 때문에 특정 객체에 구독 가능한 형태로 묶어두고 사용 합니다. 앵귤러의 rxjs, 리엑트의 모빅스나 레덕스가 그러한 기능을 구현하는 데 사용 되어집니다. 일반 Javascript에서도 이를 구현하는 것은 어렵지가 않습니다. 공통으로 구독행위를 해야되는 기능을 만들고, 이를 서로 바라보게 하면 되는 것 입니다. 서로 공통으로 무언가 사용하려면 역시나 클래스를 통한 상속이 쉽고 간단 합니다. 먼저 아래처럼 공통으로 사용할 클래스를 만들어 줍니다. CommonSubject로 이름을 지어 주었습니다. import { BehaviorSubject } from 'rxjs'; //공통 관.. 2021. 4. 9. 앵귤러 튜토리얼 (Angular tutorial) -16 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com 저번시간에는 생소하지만 타입스크립트 개발환경을 구성하여 보았다. 앵귤러2.0 이상부터는 타입스크립트 기반으로 구성되어 있기 때문에 간단한 기능위주의 테스트는 앞선시간처럼 환경을 구성하고서 테스트 하기도 한다. 그러면 이제 자주 보게될 subscribe에 대해서 알아보자. 저번에 보았던 코드.. 2019. 6. 28. 앵귤러 튜토리얼 (Angular tutorial) -15 * 제가 다시 작성한 최신 튜토리얼 수정본 입니다. 아래 주소를 통해서 진행하시는 것을 권장 드립니다. ^^ lts0606.tistory.com/328 앵귤러 튜토리얼(Angular tutorial) - 1 안녕하세요. 앵귤러에 대해서 알아보기위해 이곳을 찾아주신 분 들께 감사의 말씀 드립니다.^^ 천천히, 초심자도 조금 더 쉽게 접근할 수 있도록 내용을 구성하여 보겠습니다. 어�� lts0606.tistory.com * 15장과 16장은 rxjs의 대한 내용입니다. 이번 시간에는 앞서 언급한 subscribe에대해서 알아보자. subscribe의 사전적 의미는 "구독하다"의 의미로 기능 또한 구독하는 기능과 비슷하다. 어떤 데이터의 변화나 행동에 대해서 "구독하다" 라는 의미로 보면 될 것 같다. 콜백.. 2019. 6. 25. Rxjs기능 Create, from, fromEvent 직관적인 기능이다. 말 그대로 관측하는 대상을 만들어 준다. import { Observable } from 'rxjs'; const hello = Observable.create(function(observer) { observer.next('123'); observer.next('456'); observer.complete(); //행위 종료선언 }); const subscribe = hello.subscribe(val => console.log(val)); //123 456이 출력된다 complete를 통해서 구독을 멈추는 기능을 보았다. complete를 하지 않으면 구독행위는 중단되지 않는다. from은 ~부터의 의미로 데이터가 등록된 이후로의 행위를 정의한다. import { from } fr.. 2019. 5. 13. 이전 1 2 다음
