• [RxJS] Observable 생성 함수2 - of, from, fromEvent

    1. of of 함수는 입력받은 인자를 순서대로 발행하는 옵저버블을 생성한다. of<T>(...args: (SchedulerLike | T)[]): Observable<T> //https://github.com/ReactiveX/rxjs/blob/master/src/internal/observable/of.ts export function of<T>(...args: Array<T | SchedulerLike>): Observable<T> { const scheduler = popScheduler(args); return scheduler ? scheduleArray(args as T[], scheduler) : internalFromArray(args as T[]); } 코드에서 보면 알 수 있듯이 실제 값을 발행할 때는 입력받은...


  • [RxJS] Observable 생성 함수1 - create (그리고, Observable과 Observer의 내부 동작)

    Observable 생성 Observable을 생성하기 위해 new 연산자로 Observable class의 생성자를 통해 생성할 수도 있지만, RxJS에서는 Observable을 생성할 수 있는 다양한 생성 함수를 제공한다. 알맞은 생성 함수를 사용해서 목적에 맞는 Observable을 생성할 수 있다. 그중 가장 기본이 되는 생성 함수인 create를 먼저 살펴보고 전반적인 Observable과 observer의 내부 동작에 대해 소개한다. create...


  • [HTML5] Form과 Client-Side Validation

    1. HTML Form HTML 폼은 사용자와 웹사이트 또는 애플리케이션이 서로 상호 작용하는 것 중 중요한 기술 중 하나이다. 폼은 사용자가 웹사이트에 데이터를 전송하기 위해 사용한다. 폼은 하나 이상의 위젯(입력 양식 태그)으로 만들어진다. input textarea button select checkbox radio button submit button 1-1. form 모든 HTML 폼은 <form> 엘리먼트로 시작된다. <form>...


  • [Design Pattern] Dependency Injection

    DI(Dependency Injection) 패턴 소프트웨어 엔지니어링에서 Dependency Injection은 하나의 객체가 다른 객체의 Dependency(의존성)를 제공하는 테크닉이다. 즉, 컴포넌트가 어떤 서비스를 사용할 것인지 지정하는 대신 컴포넌트에게 무슨 서비스를 사용할 것인지를 말해주는 것이다. 이때 컴포넌트에게 무슨 서비스를 사용할 것인지를 말해주는 것이 주입(Injection)을 의미한다. 의존성 주입은 역 제어(Inversion of Control, IOC) 테크닉의 한 형태로 어떤...


  • [Angular] Angular의 Change Detection

    1. Change Detection이란? Angular의 Change Detection은 Angular 프레임워크의 핵심 매커니즘이다. 프레임워크는 애플리케이션의 상태(상태와 템플릿)를 DOM에 반영해야 한다. 상태의 어떠한 변화가 발생할 때 View를 업데이트하는 것은 필수이다. 이렇게 상태 변경을 감지해서 View(Dom)과 Model을 동기화하는 이러한 메커니즘을 Change Detection이라 한다. 즉, Change Detection 이란? Model(data)에 변경되었을 때 View(DOM)를 업데이트하는 일련의 프로세스이다. Angular뿐...