테스트 환경 구성

빠른 테스트를 위해 기존 방식에서 신규 방식으로 테스트 환경 구성을 변경한다.

	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 적용을 위해서는 아래와 같이 설정한다.

<script type="text/javascript" src="./bower_components/jquery/dist/jquery.js"></script> <script type="text/javascript" src="./bower_components/bootstrap/dist/js/bootstrap.min.js"></script> <link href="./bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">