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

142

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

이러한 변화의 결과로

Book

클래스에서 추출된 모든 데이터는

BookManager

싱글톤의 속성

(

BookDatabase

)에 저장됩니다. 이 싱글톤은 대량의 객체를 관리하는 이전 버전보다 훨씬

효율적입니다. 도서 대출에 관련된 메서드도 이제 싱글톤 관리자에 위치하게 되는데, 이러한

메서드들은 책 자체의 내부 데이터보다 외부 데이터를 다루기 때문입니다.

이러한 최적화 과정은 최종적으로 복잡성을 더하게 되나, 얻게 될 성능적 이점에 비하면 사

소합니다. 데이터 측면에서 볼 때 같은 책에 대해

30

권의 사본이 있다고 해도 단 한 번만 저

장하면 됩니다. 게다가 모든 함수는 메모리를 차지하지만, 플라이웨이트 패턴을 사용하면 함

수들은 모든 객체에 각각 존재하는 게 아니라, 관리자 내부에 한 번만 존재하게 되어 메모리

를 절약할 수 있습니다. 앞서 언급한 최적화되지 않은 플라이웨이트의 경우,

Book

생성자의

프로토타입을 사용했기 때문에 함수에 대한 참조만 저장합니다. 하지만 다른 방법으로 구현

한다면 모든 도서의 인스턴스마다 함수가 생성되었을 것입니다.

7.16.7

플라이웨이트 패턴과

DOM

객체

DOM

은 하향식

topdown

(이벤트 캡처링

event

capturing

)과 상향식

bottom

-

up

(이벤트 버블링

event

bubbling

) 두 가지 방식의 이벤트 감지를 지원합니다.

이벤트 캡처링에서는 이벤트가 가장 바깥쪽 요소 (상위 요소 )에서 감지되어 점차 안쪽 요소

(하위 요소)로 전파됩니다. 이벤트 ...