RxJs 기본개념

1.1 자바스크립트의 이벤트를 먼저 봅니다.

Rxjs의 Observer Pattern은 자바스크립트의 이벤트 등록과 유사합니다.

타겟이 되는 Dom에 addEventListener를 이용하여 이벤트와 이벤트가 발생할 때 실행할 함수를 저장해두고, 

지켜보고 있다가 이벤트가 감지되면 해당 이벤트를 실행시킵니다.

 

1.2 Observer Pattern을 봅니다.

이벤트 = 관찰 대상 = 옵저버 객체

이벤트가 발생 = 옵저버 객체들을 서브젝트 객체에 등록해놓고 이들의 상태가 변경된 것을 감지

이벤트가 발생할 때 실행할 함수 실행 = 옵저버들의 메서드 호출?

 

2.1 함수형 프로그래밍

기본적으로 코딩을 하는 방식은 명령형 프로그래밍입니다. 위에서 아래로 코드가 흘러가며 조건문과 반복문으로 분기를 하는 방식입니다.

처음에 다들 이런 식으로 배우죠... 근데 Rxjs는 그렇게 흘러가지 않습니다. 함수형 프로그래밍이거든요.

이는 함수를 값으로 취금하여 함수를 인자로 사용하거나 함수 자체를 리턴하거나 함수를 변수에 할당하여 함수를 적절한 시기에 호출하는 방식입니다. 명령형 보다는 복잡합니다.

 

2.2. 그럼 왜 함수형을 사용하나?

순수함수(동일한 input엔 동일한 output. It isn't sideEffect)로 관리되기 때문에 값을 안전하게 관리하고 디버깅이 쉽습니다.