6. AngularJS 2.0 - Module 소개

모듈이란 ?

앵귤러는 모듈들로 이루어져 있다.

앵귤러로 만들어진 어플리케이션은 보통 많은 모듈들이 모여서 기능을 수행하게 된다.

일반적인 모듈은 각각 하나의 특정한 목적을 가지고 만들어지고, 그 하나의 기능만을 수행하도록 설계한다.

모듈을 만들고, 어플리케이션에서 사용할 부분을 exports - import 하여 전체적으로 해당 모듈을 사용한다.

튜토리얼을 할 때에 app.component.ts 를 만들었었는데, 이 component가 가장 기본적인 모듈 중에 하나이다.

Import와 Export

튜토리얼 적에, 우리는 원리를 이미 import와 export를 사용했었다.

./public/app/boot.ts 파일
import {bootstrap} from 'angular2/platform/browser';
import {AppComponent} from './app.component';
 
bootstrap(AppComponent);

boot 파일에서는 AppComponent를 import 해주었었고,

export class AppComponent 
{  
    public title = 'Dalkom IT World';
    public person: Person = {
        id: 1,    
        name: 'YangD',    
        webpage:'http://www.dalkomit.com'  
    };
}
 

app.component.ts 파일에서는 exports를 해 주었었다.

이 import와 export는 다른 프로그래밍 언어들의 import, include와 매우 유사하다.

특히 Node.js에서 exports 와 거의 동일하다고 볼 수 있다.

따라서 쉽게 사용할 수 있다 !

Library Module

node.js 에는 내장 모듈들이 있고,

C언어에는 표준 라이브러리들이 있듯이

앵귤러에도 Library Module들이 존재한다.

튜토리얼때에 우리는 Component 정보를 angular2/core 모듈에서 가져왔는데, 이 angular2/core가 바로 Library Module이다.

import {Component} from 'angular2/core';

위와 같이 import를 할 수 있는데, 일반 모듈을 import 할 때와는 달리 파일의 주소를 입력하지 않고, 모듈의 이름만 집어넣는것을 볼 수 있다.

---

끝. 다음은 Component !