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

168

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

개별 노드 대신

Document

객체에 이벤트를 연결하고, 이벤트가 발생하면

Document

객체

가 개별 노드에 알려주는 방식입니다.

중재자 패턴과 이벤트 집합 패턴의 구현이 비슷할 수 있어서 겉으로 보기엔 서로 호환이 가능

해 보일 수도 있습니다. 하지만 두 패턴의 의미와 의도는 매우 다릅니다.

설령 두 패턴의 구현이 유사한 핵심 구조를 사용한다 하더라도, 그 안에는 근본적인 차이가

존재합니다. 따라서 이 두 패턴이 가지는 차이점을 명확하게 이해해야 하며, 뒤섞이거나 혼

동해서 사용하면 안 됩니다.

7.19.1

간단한 중재자 구현

중재자는 여러 객체 간의 상호작용 (로직과 행동 )을 조율하는 객체입니다. 중재자는 다른 객

체들의 행동과 입력에 따라 언제 어느 객체를 호출할지 결정합니다.

다음과 같은 한 줄의 코드로도 중재자를 구현할 수 있습니다.

const mediator = {};

네, 맞습니다. 사실 이 코드는 그저 자바스크립트의 객체 리터럴입니다. 다시 한번 말씀드리

지만, 지금 의미적인 부분만을 이야기하고 있습니다. 중재자는 객체 간의 워크플로를 제어합

니다. 이를 위해 객체 리터럴 이상의 복잡한 구조는 필요하지 않습니다.

다음 예제는 이벤트를 발생시키고 구독할 수 있는 몇 가지 유틸리티 메서드를 가진 기본적인

중재자 ...