Yeoman을 이용한 Spring, AngularJS 개발환경 구축

Spring AngularJS 개발환경 구축 

개발환경 : Spring 3.1 + AngularJS 1.4.9

AngularJS를 비롯하여 보다 안정적인 개발환경을 구축을 위해 

Yeoman을 사용하여 스케폴딩하였다.

다음과 같은 순서로 진행한다.

0) NodeJS, Git 설치 

1) Yeoman 설치 

 - npm install -g yo

 - npm install -g bower

 - npm install -g grunt-cli

 - npm install -g generator-angular

2) 스케폴딩 

 - 원하는 위치에 프로젝트명으로 폴더 생성 후 이동 

 - yo angular 프로젝트명 

- 아래와 같이 초기 프로젝트 생성 시 필요한 angularjs module을 선택할 수 있다. 

- package.json을 새로 만든다. 

 - 완료 하고 나면 해당 경로에 아래와 같은 파일들이 생성된다. 

 - app : 프로젝트

 - bower_components : bower를 사용하여 참조하고 있는 라이브러리 파일들 

 - dist : 배포 폴더 

 - node_modules : grunt 등 npm 기반 기술들을 사용하기 위한 node 파일들

3) Eclipse로 이관 

  - 위 파일들 중에서 

  * app 폴더 하위 파일들 -> src/main/webapp 이동 

  * bower_components -> src/main/webapp 이동 

  * 나머지 폴더 및 파일들 -> 프로젝트의 루트로 이동 

  * Gruntfile.js 수정 

   - app부분에 'src/main/webapp'으로 수정한다.

  * 사용하는 플러그인 및 모듈에 따라 추가적으로 경로를 수정해야한다.