Angular 프로젝트 만들기

지난 번에 Node.js를 설치한 부분을 참고하여 이어간다.

 

Node.js를 설치하고 나면 npm 명령어를 사용할 수 있다.

npm 명령어는 node package manager 라는 뜻으로, node.js의 모듈을 패키지 형태로 저장해 놓은 라이브러리이다.

 

먼저 npm 명령어를 사용해서 angular/cli 를 설치한다.

npm install -g @angular/cli

 

CLI는 command Line Interface 라는 뜻으로, Angular 기본 프로젝트 구조를 구성하는데에 사용된다.

설치가 끝나면, angular 프로젝트를 생성할 수 있다.

 

cmd창에서 프로젝트 생성하고 싶은 폴더로 이동 후, ng 명령어를 사용하여 프로젝트를 생성한다.

# ng new [프로젝트명]
ng new first-angular-app

 

프로젝트를 생성하면 몇가지 질문에 대답을 해야한다.

angular project 생성

 

1. 데이터를 Angular팀과 공유해달라는 질문 - 나는 여기서 N를 택했다. 원래 추가적인 선택사항은 다 No 하는 편..

2. stylesheet 형식을 뭘로 할거냐는 질문 - 선택지가 css, scss, 그리고 몇개 더 있었는데 나는 css로 선택했다.

3. SSR(Server Side Rendering)을 활성화 시키겠냐는 질문 - 여기서도 나는 N을 선택했다. (인강 선생님 따라함)

 

그리고 나서 기다리면 angualr project가 생성된다!!

 

windows 탐색기로 angular프로젝트 생성 확인

 

그리고 CMD로 프로젝트가 있는 경로로 이동한 뒤, start명령어를 치면 프로젝트가 실행된다.

npm start

 

angular 실행 화면