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

266

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

// ns2에도 같은 메서드가 생성되지만

// val의 초기값이 5000으로 덮어씌워집니다.

앞서 언급했듯이 이러한 유형의 패턴은 여러 모듈이나 네임스페이스에 비슷한 기본 기능들

을 할당할 때 유용합니다. 하지만 객체/클로저 내에서 명시적으로 기능을 선언할 때 직접 접

근하는 것이 불가능한 상황에서만 사용하는 것을 추천드립니다.

11.8

고급 네임스페이스 패턴

이제부터 대규모 애플리케이션을 개발할 때 유용한 고급 패턴과 유틸리티를 살펴보겠습니

다. 이들 중 일부는 기존 네임스페이스의 접근 방식을 다시 생각하게 만들기도 할 겁니다. 이

번에 제시하는 방법만 사용하라고 주장하는 것이 아니라, 단지 실제 개발에서 개인적으로 효

과적이었던 방법을 소개한다는 점을 미리 말씀드립니다.

11.8.1

중첩 네임스페이스 자동화 패턴

앞서 살펴본 것처럼, 중첩 네임스페이스는 코드에 체계적이고 계층적인 구조를 만들어줍니

다. 예를 들어

application

.

utilities

.

drawing

.

canvas

.

2d

라는 네임스페이스는 객체 리

터럴 패턴을 이용해 다음과 같이 확장할 수도 있습니다.

const application = {

utilities:{

drawing:{

canvas:{

paint:{

//...

}

}

}

}

};

267

Chapter 11_ ...