[컴][자바스크립트] AngularJS proejct template

angularjs / angular js / angular js projec template

AngularJS project 구조

언제나 처음 project 를 setting 할 때 작업은 지루하다. 하지만 project 구조는 잘 만들어 놔야 나중에 편하다. 안그러면 정말 나중에 코드정리를 위해 엄청난 시간을 쏟아 부어야 한다.

web 개발에서 더욱 불편한 이유는 refactoring 이 손쉽게 되는 tool 이 없어서 인 듯 하다.적어도 지금까지는 찾지 못했다. 혹시나 알고 계신 분이 있다면 꼭 알려주시기 바란다.

그래서 angularjs 를 사용하려 하는데도 project 구조가 자꾸 신경 쓰여서 찾아봤더니 angularJS 를 이용한 boilerplate 를 누가 만들어 놨다.

• ng bolierplate : https://github.com/ngbp/ngbp

이것 외에도 angular-seed 를 발견했는데, 개인적으로 설치하다 관뒀다.

• https://github.com/angular/angular-seed

ng bolierplate

이녀석은 기본적으로 아래처럼 3개의 folder 를 갖는데, src 에 code 를 놔둔다.

• karma : unit test 를 위한 library 이다. unit test code 는 src 안에 *.spec.js 라는 이름으로 두게 된다.
• src : 여기에서 소스 작업을 하면 된다.
• vendor : bower 를 통해 install 하면 library 들이 vendor 안에 install 된다.

grunt 의 default task 는 build 와 compile 이란 이름의 task 를 진행하게 된다. 여하튼 자세한 것은 ng boilerplate grunt 부분을 잘 뜯어 보기 바란다. ^^;;