[Angular] Angular7 설치 및 튜토리얼

스터디에서 웹을 개발하기로 했다. 

우리가 사용하는 Front 개발언어는 Angular로 정해졌고 이번 기회에 최신 버전인 Angular7에 대해서 공부해 보도록 하려고 한다.

Angular 가이드 사이트가 한국어를 지원하면서 수월하게 공부할 수 있을 것 같다. 

 

1. Angular 설치 

- 터미널 open

- sudo npm install -g @angular/cli 

 

2. Angular Project 생성

- 설치가 완료되면 ng new my-app을 입력한다. 

 

 

 

- 위와 같이 Angular routing 사용여부와 stylesheet format에 대해 물어보는데 routing은 사용하기 때문에 y를 입력하였고 stylesheet은 익숙한 css를 선택하였다.

- 프로젝트 생성이 완료된 후 npm audit fix 를 실행하라는 문구가 뜨는데 구글링 해보니 npm install 할 때 package의 취약점을 검사하여 취약점이 발견된 package는 자동으로 update 해주는 기능이라고 한다. 당분간은 필요 없을 것 같으니 무시하고 넘어간다.

 

3. Project 실행

- 프로젝트가 설치된 경로로 이동하여 ng serve --open 을 입력한 후 엔터.

- 프로젝트가 잘 설치 되었다면 아래와 같이 나타난다. (localhost:4200)

 

 

 

 

 

출처 : https://angular.kr/

Angular 가이드