[Angular] 시작하기
Angular
Quick Start
- Angular CLI를 제공
- https://cli.angular.io/
- project를 생성
- add files
- testing, budling, deployment
- cli 설치
- $ npm install -g @angular/cli
- 프로젝트 생성
- $ ng new my-dream-app
- serve app
- $ ng serve --open (-o는 자동으로 http://localhost:4200/을 열어주는 옵션)
- angular component 수정
- CLI를 통해 Angular component가 생성이 된다.
- ./src/app/app.component.ts 타이틀을 변경
- ./src/app/app.component.css 는 스타일을 변경
- 프로젝트 구성을 확인 가능
- assets, environments 등의 역할
참고
- https://angular.io/guide/quickstart
- https://github.com/angular/angular-cli
- https://github.com/angular/angular-cli/wiki
'JavaScript FrontEnd > Angular' 카테고리의 다른 글
[Angular] Data Binding (데이터 바인딩) (0) | 2021.04.29 |
---|---|
[Angular] 02.튜토리얼 (4~8) (0) | 2021.04.29 |
[Angular] 01.튜토리얼(1~3) (0) | 2021.04.29 |
[Angular] 튜토리얼(Introduction, The Application Shell, The Hero Editor) (0) | 2021.04.29 |
AngularJS를 이용한 From Validation. (0) | 2021.04.13 |
HighCharts 모듈 사용하기. (0) | 2021.04.13 |
AngularJS 양방향 데이터 바인딩 (0) | 2021.04.13 |
AngularJS와 jQuery의 간단한 비교.. (0) | 2021.04.13 |