테스트 환경 구성
빠른 테스트를 위해 기존 방식에서 신규 방식으로 테스트 환경 구성을 변경한다.
|
IDE |
Web Server | library 구성 |
기존 |
eclipse |
Apache Tomcat Server | 직접 구성 |
신규 |
Sublime Text |
http server (Node.js 의 npm를 통해 설치) | bower (Node.js 의 npm를 통해 설치) |
1. Sublime Text2 설치
http://www.sublimetext.com/2 에서 Download 해서 설치한다.
Sublime Text3 는 현재 beta 버전이다.
* http://www.hans.or.kr/2013/11/sublime-text3.html 를 참고해서 package-control을 설치한다.
* Preferences - Package Control을 선택하고, Install Package를 선택한다. tmpl 를 입력해 tmpl 을 자동으로 만들수 있는 Package를 설치한다.
2. Node.js 설치 → npm 설치
** Node.js
- JavaScript runtime built on Chrome's V8 JavaScript engine
- event-driven, non-blocking I/O model -> lightweight/efficient
1) https://nodejs.org/en/ 에서 download 후 설치한다. npm은 자동으로 설치된다.
3. bower 설치
** bower
- front-end package management
2) 설치방법 : npm install -g bower
cf. -g : globally 라는 의미이며, use it as a command line tool
3) 정상 설치 확인 : bower -version 해서 특정 숫자가 나오면 정상 설치됨.
4) 작업폴더로 이동해서 필요한 components를 설치한다.
ex) bower install jquery
ex) bower install bootstrap
4. http-server 설치
** http-server
- A simple zero-configuration command-line http server
1) 설치방법 : npm install -g http-server
5. http-server 기동
1) 기동 방법 : 작업 폴더로 이동해서 http-server -c-1
cf. -c-1 : http-server -help 에서 보면, -c 옵션은 Cache time in seconds를 말한다. To disable caching 은 -c-1 이다. test를 위해서는 cache를 하지 않아야 하기 때문에 -c-1을 설정한다.
2) 중지 방법 : Ctrl + c
6. 신규 파일 만들기
File - New File (SublimeTmpl) 을 선택해서, template된 file을 생성한다.
jQuery 와 bootstrap css 적용을 위해서는 아래와 같이 설정한다.