Angular 페이지 만들기

- 이전 포스팅을 보고 왔다면 Angular는 설치완료되어 있을 것이다.

2019/07/05 - [FrontEnd/Angularjs] - Angularjs 시작하기

Angularjs 시작하기

 

- Angular를 처음 시작할 때, 아래의 명령어를 입력한다.

"ng new 어플리케이션명"

ng new my-app

 

- 실행시킨 후 my-app 디렉토리가 생성된다. 해당 디렉토리로 이동한다.

cd my-app

 

- 디렉토리 이동 후 서비스를 실행한다.

ng serve

 

 어쩌구저쩌구 하면서 서버가 실행된다.

 

- http://127.0.0.1:4200으로 접속하면 화면이 출력된다.

 

 

 

- my-app/src/app/app.component.html 파일 수정 후 저장을 하면

 

- 자동으로 재컴파일 하여 화면에 반영한다.

- 끝이다. 정말 간단하다. 다음 포스팅부터는 타입스크립트의 작성법부터 차근차근 알아보도록 하자