node.js 와 npm 이 설치된 상태에서 시작합니다.
기본 개발환경 위해 필요한 툴을 설치합니다.
- yo (Yeoman): 최신 웹 애플리케이션의 뼈대를 잡아주는 툴 - http://yeoman.io/
- bower: 웹 사이트의 프레임워크, 라이브러리 등을 관리하는 툴 - http://bower.io/
- grunt-cli: 자바스크립트 태스크 러너 - http://gruntjs.com/
- generator-angular: 요맨 AngularJS 제너레이터
- generator-karma: 요맨 AngularJS 테스트 러너 제너레이터
npm install -g yo bower grunt-cli
npm install -g generator-angular generator-karma
요맨을 이용하여 기본 골격을 갖춘 AngularJS 샘플 프로젝트를 생성합니다.
yo angular sample_project
요맨 옵션은 Sass 사용 안함 외에는 기본 구성을 사용했습니다.
생성된 프로젝트가 정상적인지 실행해봅니다.
grunt serve
아래와 같이 페이지가 나오면 정상적으로 설정이 된 상태입니다.
간혹 "grunt serve" 로 서버를 띄우는 중에 오류가 발생하면 아래의 작업을 수행합니다.
npm install
bower install
개발환경이 갖춰졌으므로 테스트 코딩을 하러...