Angular Cli 으로 프로젝트 시작

Anglar Cli 로 자동으로 프로젝트를 생성 할 수 있다. 

 

1.npm 으로 cli 을 설치한다.

npm install -g @anuglar/cli

2.폴더를 생성하고

3. cli 로 프로젝트를 생성한다.

ng new AppName

4. 서빙 해본다.  ( 프로젝트의 변경이 있을 경우 자동으로 컴파일 &서버

ng serve

 

5. 프로젝트 이해

------------------------------------------

 

app.component.ts  첫번째 컴포넌트가 생성된 것이고  루트컴포넌트라고 하며  app-root라고 한다.

                           앱이 커지면서 컴포넌트 트리의 루트가 될 컴포넌트이다.

app.component.css 에서 스타일을 지정 할 수 있고,

app.component.html 에 내용을 작성 할 수 있다. ts에서 export 한 변수는 {{변수이름}}으로 사용할 수 있다.

 

------------------------------------------

 

app.module.ts      컴포넌트들이 생겨나면서 이들을 어떻게 조합할지 작성하는 곳이다.