SK 플래닛한정현

SK PLANETHAN JUNG HYUN

GRUNT Review-The JavaScript Task Runner-

Grunt.js ?

JavaScript Build Tool Task 기반으로 이루어져 있으며 Command 를 통해 실행 가능 라이센스 MIT : 자유롭게 사용 가능 npm 사용 가능 javascript 가 태생인 build tool?

Grunt 의 장점들 -1

Grunt 는 방대한 생태계 보유지속적인 업데이트 ..

Config 및 Task 만 가져다 사용하면 개발자는 자동으로 여러가지 Task 들을 힘들이지 않고 수행 가능한다 . ( ? ) ( 대규모프로젝트의 경 직접 만들어사용해야함 )

Grunt 장점들 -2

다양한 Project 에서 사용중http://gruntjs.com/who-uses-grunt

Grunt : Github Project..

https://github.com/gruntjs/grunt Grunt 자체는 방대하지 않음 관련된 plug-in 들이 많음

https://github.com/gruntjs public Rep 50 개 / 업데이트 속도 빠름 ( 단점일수도 .)

https://npmjs.org/package/grunt-contrib grunt-contrib project 로 검증된 plug-in 개발

Grunt.js Release history

Grunt 0.4.0 released : 2013/2/180.4 버전의 grunt 사용방법

>> npm uninstall –g grunt ( 이전에 grunt 를 설치했었다면 )

>>npm install –g grunt-cli ( 필수 ) 0.3 버전과 api 가 많이 달라졌으므로 주의해서 사용 필요 !

Grunt Build 에 필요한것들

Grunt 를 사용하기 위해서는 다음 2 가지 파일이 필요 1.package.json

>npm init 위 코드로 기본적인 package.json 생성후 필요에 따라 확장 npm module 특성상 dependencies / devDependencies 에

필요한 모듈 추가 ( 차이점 : http://howtonode.org/managing-module-dependencies )

2.Gruntfile.js : v0.3 에서는 grunt.js 가 grunt 파일이 된다 .

Gruntfile.js Programming Guide-1

Wrapper function 안에 선언

Project configuration

Grunt Plugin Loading

Gruntfile.js Programming Guide-2

Grunt Task

Grunt sample code Strat Guide

Command 창에서 실행 >> git clone git://github.com/gruntjs/grunt.git >> cd grunt >> sudo npm install >> sudo npm install –g grunt-cli >> grunt

Gruntfile.js 제작 방법

Grunt 소스 분석

Node-inspector 로 분석 >> npm install –g node-inspector >> node –debug-brk grunt.js >> node inspector & ( 새창에서 ) http://127.0.0.1:8080/debug?port=5858

접속

감사합니다 .