1. 개발 환경 구성
AngularJS를 개발하기 위해 Node.js를 설치해야 한다. Node.js는 서버사이드에서 작동하는 자바스크립트를 말한다. 여기서는 AngularJS를 구동하기 위한 서버로서 Node.js를 이용하고자 한다.
( 물론 Apache Tomcat을 이용하여 구동할 수 도 있다. )
1.1 Node.js 설치
https://nodejs.org/en/ 해당 주소로 가서 Current 버전을 받는다.
설치한 후 커맨드라인을 열어 node --version을 입력하여 설치가 잘 됬는지 확인한다.
1.2 AngularJS 설치
커맨드라인에서 npm install -g @angular/cli 명령어를 입력하여 Angular-CLI를 설치한다. Angular-CLI는 커맨드라인 인터페이스 툴이며, 커맨드라인을 이용하여 Angular Project 생성, 테스트, 빌드 등을 할 수 있게 도와준다. CLI 설치 확인은 ng --help 명령어를 통해 확인한다.
그 후 ng new myapp 명령어를 입력하여 Project를 생성한다. 여기서 myapp에는 원하는 프로젝트 명을 입력하면 된다.
1.3 AngularJS Project 실행
앞서 생성한 프로젝트 폴더로 이동하여 ng serve 명령어를 입력하면 서버가 구동되면서 해당 프로젝트가 실행된다.
http://localhost:4200 으로 접속하여 확인한다.
1.4 편집툴 : Visual Studio Code
AngularJS의 IDE로 여러가지가 있겠지만, 여기서는 Visual Studio Code를 이용한다.
https://code.visualstudio.com/ 여기에서 다운받는다.
다른 IDE를 원하면 https://www.quora.com/What-is-best-IDE-for-Angular-2 에서 다양한 IDE 툴들을 확인할 수 있다.
