프린세스 다이어리

Mocha.js와 RxJS 테스트 도구를 통해 비동기 코드를 어떻게 테스트하는지 알아본다. 책 내용 재정리 1. 동기 함수 테스트 순수함수 특징 범위가 작고, 명확하게 정의된 매개변수 세 개정도를 가짐. 예측 가능하고 일관된 출력을 냄 전달된 인수로부터 결과가 바로 결정되는 결정론적인 특성이 있어, 테스트 결과는 인수에 달려 있음. export const isNotEmpty = (input) => { return !!input && input.trim().length > 0; }; import { expect } from "chai"; import { isNotEmpty } from "../9_1.js"; describe("기본적인 동기 테스트 코드", () => { it("간단한 빈문자열 밸리데잇 함수..

이전까지는 여러 스트림의 출력을 동시에 하나로 결합하는 방법 살펴봄. 이번 내용에서는 옵저버블 자체에서 다른 옵저버블을 방출하는 “중첩 옵저버블" 처리하는 방법 살펴볼 예정. 1. Intro (1) 중첩 옵저버블이란? const search = Rx.Observable.fromEvent(inputText, 'keyup') //... .map(query => sendRequest(testData, query)) // sendRequest는 비동기작업하는 옵저버블 // ... .subscribe(console.log) 사용자가 입력한 키워드를 포함하는 스트림을, 키워드에 대한 검색결과의 배열로 변환함. 근데 그 sendRequest 옵저버블 자체가 옵저버블 객체를 반환하는 상황. // sendRequest(..

회사 FE 스터디때 내 차례에서 발표한 내용 정리 옵저버블을 하나로 합치지 않는다면? 예: 마우스와 터치 동작에 대한 각각의 옵저버블 const mouseUp$ = Rx.Observable.fromEvent(document, 'mouseup'); const touchEnd$ = Rx.Observable.fromEvent(document, 'touchend'); 이 2개의 옵저버블을 개별적으로 구독할 수는 있겠지만 한계점이 있다. 동일한 코드일 가능성이 큰 구독 영역이 두 개 존재 둘 사이에 공유되어야 하는 모든 코드는 외부 공유 상태가 필요. 두 개의 구독을 추적해야 해서 잠재적인 메모리 누수 영역 하나 더 생김 → 둘은 유사한 이벤트를 방출하기 때문에, 단일 코드 블록으로 두 구독을 관리하는 게 낫다...