자바스크립트 + 리액트 디자인 패턴

174

자바스크립트 + 리액트 디자인 패턴

// 모든 객체를 의미 있는 워크플로로 조정

}

}

이 예제에서는

MenuItem

이 클릭될 때

menu

:

click

:

foo

이벤트가 발생합니다.

MyWorkflow

클래스의 인스턴스가 이 이벤트를 처리하고 모든 객체를 조율하여 이상적인 사용자 경험과

워크플로를 구현합니다.

이벤트 집합 패턴과 중재자 패턴을 결합함으로써 코드와 애플리케이션 구현 양쪽에서 유의

미한 사용자 경험을 만들어냈습니다. 이벤트 집합 패턴을 통해 메뉴와 워크플로 사이의 명확

한 분리를 구현할 수 있었고, 중재자 패턴을 통해 워크플로의 관리 및 유지보수성을 강화하

였습니다.

7.19.6

최신 자바스크립트에서의 중재자 패턴과 미들웨어

Express

.

js

22

는 널리 사용되는 웹 애플리케이션 서버 프레임워크입니다.

Express

.

js

에서는

사용자가 접근할 수 있는 특정 경로에 콜백 함수를 추가할 수 있습니다.

예를 들어 사용자가 루트 경로(/)에 접근할 때 해당 요청에 헤더를 추가하려는 경우, 미들웨

어를 사용해 쉽게 구현할 수 있습니다.

const app = require("express")();

app.use("/", (req, res, next) => {

req.headers["test-header"] = 1234;

next();

});

Express

.

js

에서는 ...