• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Grunt.js Review
 

Grunt.js Review

on

  • 1,708 views

JavaScript Task Runner Grunt.js Reivew

JavaScript Task Runner Grunt.js Reivew

Statistics

Views

Total Views
1,708
Views on SlideShare
1,708
Embed Views
0

Actions

Likes
4
Downloads
9
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Grunt.js Review Grunt.js Review Presentation Transcript

    • GRUNT Review-The JavaScript Task Runner- SK플래닛 한정현 SK PLANET HAN JUNG HYUN
    • Grunt.js ? JavaScript Build Tool  Task 기반으로 이루어져 있으며 Command 를 통해 실행 가능  라이센스 MIT : 자유롭게 사용 가능  npm 사용 가능  javascript가 태생인 build tool?
    • Grunt의 장점들-1 Config 및 Task만 가져다 사용하면 개발자는 자동으로 여러가지 Task들을 힘들이지 않고 수행 가능한다. ( ? ) ( 대규모프로젝트의 경 직접 만들어사용해야함 ) Grunt는 방대한 생태계 보유 지속적인 업데이트 ..
    • 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/18 0.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 접속
    • 감사합니다.