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

239

Chapter 10_

모듈형 자바스크립트 디자인 패턴

10.3.1

CommonJS

시작하기

구조적 관점에서 볼 때,

CommonJS

모듈은 재사용 가능한 자바스크립트 코드로써 외부 의

존 코드에 공개할 특정 객체를 내보냅니다.

AMD

와 달리

CommonJS

는 모듈을 함수로 감싸

는 작업이 필요하지 않습니다(예를 들어

define

을 사용하지 않습니다 ).

CommonJS

모듈은 두 가지 핵심 요소로 구성됩니다.

exports

변수는 다른 모듈에 내보내

고자 하는 객체를 담습니다.

require

함수는 다른 모듈에서 내보낸 객체를 가져올 때 사용하

는 함수입니다 (예제

10

-

7

,

10

-

8

,

10

-

9

).

예제

10-7

CommonJS

의

require

()

와

exports

이해하기

// 'package/lib' 외부 라이브러리를 가져옵니다.

var lib = require("package/lib");

// 모듈 내부 로직을 정의합니다

function foo() {

lib.log("hello world!");

}

// foo 함수를 다른 모듈에서 사용할 수 있도록 내보냅니다.

exports.foo = foo;

예제

10-8

exports

의 기본 사용법

// foo 함수를 가진 모듈을 가져옵니다.

var exampleModule = require("./example-10-7"); ...