AngularJS 기본 개발 환경 구성하기

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

개발환경이 갖춰졌으므로 테스트 코딩을 하러...