AngularJS 셋팅

참조 사이트 : 

https://nulpulum.gitbooks.io/angularjs-spa/content/chapter1-1.html

http://jeonmyung.tistory.com/entry/AngulrsJS-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0-01-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%B0%8F-%EA%B0%9C%EB%B0%9C-%ED%99%98%EA%B2%BD-%EA%B5%AC%EC%84%B1

1. 개발도구 설치

- Git 설치

http://www.git-scm.com/downloads

http://www.git-scm.com/book/ko/v2

- NodeJS 설치

http://www.nodebeginner.org/index-kr.html

https://nodejs.org/ko/

https://nodejs.org/api/

- Yeoman 설치

yo 설치 : npm install -g yo

bower 설치 : npm install -g bower

grunt 설치 : npm install -g grunt -cli

 http://yeoman.io

- Sumlime Text 설치

※ git 이 없으면 bower이 깔리지 않음. git을 설치한후 bin 폴더주소를 환경변수 path에 입력

2. 스케폴딩을 이용한 구성

- Yeoman을 이용해서 스케폴딩을 구성

- npm install -g generator -angular //AngularJS 제네레이터 설치

- mkdir sampleApp

- cd sampleApp //sampleApp이라는 폴더를 만들어서 그 폴더로 이동

- yo angular sampleApp // yeoman제네레이터 실행

※ 간혹 안될수도 있는데 이럴 경우에는 폴더안에서 install bower, install npm을 하고 다시 yo angular ~ 를 하면 된다.

- 질문을 묻는데 처음 질문은 구글 어쩌구 저쩌구 나오는데 그냥 N 했다.

- 그다음에는 계속 grunt 쓸 것인지 아니면 gulp쓸것인지 나옴

- 그다음에는 sass를 쓸것인지 묻는다.

- 그다음에는 부트스트랩 쓸것인지 묻는다.

- 그다음에는 모듈 설치에 관해서 묻는다.

- angularjs 모듈

이름	내용
angular-animate.js	ngAnimate 모듈 사용에 필요하다. 애니메이션 관련 기능을 제공한다
angular-cookies.js	ngCookies 모듈 사용에 필요하다
angular-loader.js	비동기로 자바스크립트를 로드할 때 필요하다
angular-mocks.js	단위 테스트를 위한 가짜 코드(Mock)를 만들 때 필요하다
angular-resource.js	ngResource 모듈 사용에 필요하다. $esource 서비스를 제공한다
angular-route.js	ngRoute 모듈 사용에 필요하다. 라우팅과 관련된 기능을 제공한다
angular-sanitize.js	ngSanitize 모듈 사용에 필요하다. HTML 코드에 불필요한 문자열 등을 제거할 때 사용한다
angular-scenario.js	Scenario 테스트에 필요하다
angular-touch.js	ngTouch 모듈 사용에 필요하다. 모바일에서 터치 이벤트를 감지하는 데 사용한다
angular.js	ng 모듈 사용에 필요하다. 실제 AngularJS 코어 기능을 담고 있다. AngularJS 웹 애플리케이션을 개발하려면 반드시 추가해야 한다

- grunt server //서버를 띄운다. 코딩을 하고 저장을 하면 실시간 반영되는 것을 볼수 있다.

- grunt test // 테스트를 수행. karma가 필요하다.