04. Node 개발자동화 테스트 Grunt 설치( 맥북에어 )

맥북에어 Grunt 설치방법

1 npm ( Node.js ) 및 그런트 다운 받기

• https://nodejs.org/en/
• http://gruntjs.com/sample-gruntfile

2. 노드 설치하기

다운받은 그런트 실행 파일을 클릭 후 설치 진행한다.

그러면 아래와 같이 설치완료 문구가 출력된다.(맥북에어 기준)

Node.js was installed at

-/usr/local/bin/node

npm was installed at

- /usr/local/bin/npm

여기까지 노드 환경 설치는 끝났다.

3. 그런트 설치하기

1. 그런트를 설치하기 전 맥북 터미널을 켠다.
   터미널 위치 : 응응 프로그램 > 유틸리티 > 터미널
   
   
2. 그런트는 커맨드라인 도구이므로 터미널 창을 열고 전역적으로 설치한다.
   입력어 : sudo npm install -g grunt-cli
   
   
   ※윈도우 입력어 : npm install -g grunt-cli 로 입력한다.
   
   
3. 커맨드라인 도구 설치 후, 작업할 프로젝트 디렉토리를 하나 만든다.
   예, 'grunt-templete-javascript' 작업폴더 생성
   
   
4. cd 입력어를 이용해 프로젝트 디렉토리로 이동 후 그런트를 설치한다.( 순서 중요 )
   입력어 : npm install grunt
   
   
   Tip - 이동할 폴더 경로를 먼저 파악하자.
   
   
   해당 폴더를 커서로 선택해서 우측 클릭 후 '정보가져오기'메뉴를 누르면 해당 폴더의 위치정보를 쉽게 파악할 수 있다. 터미널 창에 cd '폴더 경로' 를 입력 후 엔터를 치면 된다.
   예시 cd /Applications/'사용자폴더'

4. package.json 구성

터미널에서 설정하기

입력어 : npm init

위와 같이 npm init를 입력하면 아래와 같이 그런트 옵션 설정내용 들이 출력된다.

• name: (grunt-templete-javascript) - 필수 입력항목
  프로젝트 이름을 넣어준다. 보통 프로젝트 폴더명과 같게 작성한다.
  
  
  ※주의사항 - underscore(_)로 시작해서는 안되며, 대문자만으로 작성해서도 안된다.
  그리고 이미 존재하는 모듈명과 같아서도 안된다.
  
  
• version: (1.0.0) - 필수 입력항목
  프로젝트 현재 버전를 넣어준다. 패키지가 변경될 때마다 항상 달라야 한다.
  
  
• description: 그런트 테스트 프로젝트 입니다.
  npm search명령으로 검색될 프로젝트에 대한 간략한 설명문구를 넣어준다.
  
  
• entry point: (index.js) 또는 main: (index.js)
  프로그램이 시작될 파일명을 넣어준다.
  
  
• git repository:
  소스가 있는 저장소 위치를 지정한다.
  
  
• author: (streamux)
  패키지 작성자를 넣어준다.
  
  
• license: (MIT)
  라이센스 설정

5. Grunt 플러그인 설치 ( devDependencies )

디펜던시는 테스크 러너에서 사용하는 그런트 플러그인이다.

npm을 이용하여 플러그인을 설치해서 자동으로 이 리스트를 붙여 넣을 수 있다.

입력어: npm install grunt --save-dev

아래 리스트는 주로 많이 쓰이는 플러그인이다.

grunt-contrib-clean

grunt-contrib-concat

grunt-contrib-csslint

grunt-contrib-cssmin

grunt-contrib-jshint

grunt-contrib-uglify

grunt-contrib-watch

grunt-phplint

플러그인 설치 입력어 예시: npm install grunt-contrib-clean --save-dev