프론트엔드 자동화 시스템 그런트 (코드를 한 단계 업그레이드 시킬 수 있는 가이드 | Jade Less Sass jQery CoffeeScript ES6 Angular.js Boo

허종문

저자허종문은티스토리블로그인demun.tistory.com이라는블로그를운영중에있으며,티스토리스킨을제작하여공유하고,판매하기도하였습니다.
웹퍼블리셔로활동하고있으며대우증권,나이스신용정보,SBI저축은행,우리은행등대기업및금융권프로젝트를진행하였고,모바일,데스크탑,반응형등다양한형태의홈페이지를퍼블리싱을하였습니다.

블로그:demun.tistory.com
커뮤니티:cafe.naver.com/webdemun
SNS:facebook.com/demunblog

PART01SublimeText

Chapter01SublimeText설치
Chapter02기본설정
Chapter03프로젝트관리
Chapter04스니펫
Chapter05GotoAnything
Chapter06패키지관리도구
Chapter07한글입력문제해결하는방법
Chapter08한글인코딩문제
Chapter09사이드바확장
Chapter10빠른마크업도구Emmet
Chapter11코드정렬Alignment
Chapter12코드하이라이팅도구BracketHighlighter
Chapter13ColorHighlighter
Chapter14테마

PART02Git

Chapter01Github
Chapter02이메일인증
Chapter03관리자설정
Chapter04원격저장소생성
Chapter05ssh-key등록하기
Chapter06최초설정
Chapter07로컬저장소만들고동기화시키기
Chapter08원격저장소복제하기

PART03Bower

Chapter01Bower소개
Chapter02BowerAPI
Chapter03.bowerrc환경설정
Chapter04패키지등록하기

PART04Grunt

Chapter01Grunt소개
Chapter02그런트경험해보기
Chapter03프로젝트수행
Chapter04작업설정및target(작업대상)
Chapter05작업순서
Chapter06html작업소개
Chapter06-1grunt-includes플러그인소개와사용법
Chapter06-2grunt-contrib-htmlhint플러그인소개와사용법
Chapter06-3htmlhint규칙
Chapter07csstask
Chapter07-1grunt-contrib-less플러그인소개와사용법
Chapter07-2grunt-contrib-csslint플러그인소개와사용법
Chapter07-3grunt-autoprefixer플러그인소개와사용법
Chapter07-4grunt-csscomb플러그인소개와사용법
Chapter07-5grunt-contrib-cssmin플러그인소개와사용법
Chapter08javascripttask
Chapter08-1grunt-contrib-jshint플러그인소개와사용법
Chapter08-2grunt-contrib-concat플러그인소개와사용법
Chapter08-3grunt-contrib-uglify플러그인소개와사용법
Chapter09기타작업소개
Chapter09-1grunt-contrib-clean플러그인소개와사용법
Chapter09-2grunt-contrib-copy플러그인소개와사용법
Chapter09-3grunt-contrib-imagemin플러그인소개와사용법
Chapter10실시간동기화작업소개
Chapter10-1grunt-contrib-watch플러그인소개와사용법
Chapter10-2grunt-contrib-connect플러그인소개와사용법
Chapter11최적화작업소개
Chapter11-1time-grunt플러그인소개와사용법
Chapter11-2load-grunt-tasks플러그인소개와사용법
Chapter11-3grunt-concurrent플러그인소개와사용법
Chapter11-4grunt-newer플러그인소개와사용법
Chapter12작업등록registerTask
Chapter13기타플러그인
Chapter14grunt-start-2템플릿

PART05템플릿

Chapter01그런트템플릿사용하기(grunt-init)
Chapter02사용자정의템플릿(init-tem)
Chapter03Grunt,Bower등을한번에설치하는나만의전자동템플릿
Chapter04전자동템플릿2374

PART06Yeoman

Chapter01Yeoman388
Chapter02generator-angular설치
Chapter03angular설명
Chapter04generator-wepapp설치
Chapter05webapp설명

[책소개]
이책은HTML,CSS등을전혀몰라도사용할수있지만많은어려움이있습니다.완전초보자용이아닌어느정도HTML,CSS,JAVASCRIPT등을알고있는대상자를위한책입니다.
현재의환경에서좀더나은환경을구축하고자하는분,현재보다더빨리코드를만들고싶은분,코드의품질을높여오류없는코드를만들고싶은분들이대상이됩니다.

코드를다루기때문에인기있는서브라임텍스트의사용법을추가하였습니다.

1장은서브라임텍스트라는에디터의사용법을다룹니다.
서브라임텍스트가아니더라도Grunt를사용하는데는아무문제가없습니다.하지만좀더좋은기능을가지고있는서브라임텍스트를소개합니다.

2장은버전관리를할수있는Github에대해서간단하게설명합니다.
Github하나만가지고도상당이많은분량이필요하기때문에여기서는간단하게사용할수있는부분만다룹니다.

3장은플러그인패키지관리자인Bower에대한소개입니다.
플러그인을설치하고내가사용하고자하는패키지를업로드하는부분과API에대해서설명합니다.

4장은자동화도구인Grunt에대한설명입니다.
자동화가돌아갈수있는전체적인설명과소스코드를포함하였고각부분에대한상세한설명이들어있습니다.

5장은Grunt고급사용자부분입니다.
매번템플릿을복사하지않고,다운로드받아서사용할수있는부분이설명되어있습니다.환경이달라나에맞춘환경을구축하고사용할수있는전자동템플릿에대한설명이있습니다.

6장은Bower,Grunt를포함하고있는자동화패키지관리자인Yeoman부분입니다.
Bower,Grunt를알아야Yeoman을사용할수있기에나중에설명하였고,Grunt로빌드되는angular.js템플릿을사용하는부분을설명하였고,Gulp로빌드되는부분을간단설명하였습니다.

이런환경이조금이라도익숙한사용자라면4장과5장Grunt만봐도바로사용할수있으며,소스코드가포함되어있어서다운로드받아서사용할수있습니다.모든소스코드는원격저장소인github에모두업로드되어있어서아무나사용할수있습니다.

책예제코드저장소
-https://github.com/demun/grunt-start-1
-https://github.com/demun/grunt-start-2
-grunt-init을사용하기위한템플릿https://github.com/demun/init-tem