Skip to content

Instantly share code, notes, and snippets.

@arahansa
Created August 30, 2016 18:34
Show Gist options
  • Save arahansa/51bc0f4c5f3ac6911aed3eca2a3308e2 to your computer and use it in GitHub Desktop.
Save arahansa/51bc0f4c5f3ac6911aed3eca2a3308e2 to your computer and use it in GitHub Desktop.
npm start - 컴파일러와 서버를 동시에 실행시키고 둘다 와치 모드로 킨다.
npm run tsc - 타입 스크립트 컴파일러를 한번 돌린다.
npm run tsc:w - 와치모드로 타입 스크립트 컴파일러를 돌린다.
npm run lite - liteserver를 돌린다.
npm run typings - typings도구를 별도로 실행
npm run postinstall 패키지 설치 후에 npm 이 자동적으로 호출하게됨.. typings.json에 정의된 타입스크립트 정의를 설치한다.
====
모든 앵귤러앱은 기본적으로 하나의 루트 컴포넌트를 가진다. 관습적으로 AppComponent
기본적으로
import , @component 데코레이터, component class를 가질 것이다.
임포트는 임포트(!!)
예제에서 컴포넌트는 셀렉터와 템플릿의 두 개 필드를 가진다.
컴포넌트 클래스에 나중에 비즈니스 로직 넣을 수 있는 듯하고 지금은 비게 냅두고, export를 하여서 다른 컴포넌트에서도 쓸 수 있는 구조같다.
Step3. app.module.ts
모든 앱은 기본적으로 하나의 모듈, 루트 모듈을 원하는데 관습적으로 AppModule 이라고 불림. (위에서 하나의 루트 컴포넌트를 기억하자.)
여기서 @NgModule 나오는데..
import 에서는 필수적으로 BrowserModule 불러오고
declarations 에서는 이 모듈에 속할 컴포넌트랑 디렉티브
bootstrap 은 루트 컴포넌트를 지정한다.
다른 유명한 모듈로는 FormsModule, RouterModule, HttpModule 등이 있다.
Step 4. main.ts
크게 내용이 없으니 플랫폼적 특징을 가져서 앱, SEO 같은 동적 플랫폼 빌드를 하는 기분?
Step 5. index.html 생성
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment