Build Settings

-_-

Needs

• 페이지 로딩 속도를 빠르게 하고 싶어
• 소스 보안을 지키고 싶어
• node.js, AMD등의 패키지 구조를 웹브라우저 개발할 때도 사용하고 싶어
• 개발과 동시에 hot loading을 할 수는 없을까?
• transpiler를 함께 쓰고 싶어
• ES6를 쓰고 싶어
• test 자동화는 덤

Solution

• minify, unify
• uglify
• browserify
• hot-loaders(webpack dev server grunt plugins, watchfy)
• tsc, reactify, babelify
• babel, traceur
• jasmine

이

모든걸
한방에

Grunt

 Grunt란 한마디로, ‘원하는 일을 자동화해서 작업 효율을 높이는 툴’ 이라고도 말할 수 있을 것이다.

출처 : http://nuli.navercorp.com/sharing/blog/post/1132682

Gulp

- the streaming build system

참조 : http://programmingsummaries.tistory.com/356

Webpack

- MODULE BUNDLER

참조 : http://yourakmoon.blogspot.kr/2015/06/react-js-hot-module-replacement-webpack.html

Execrcise React

arrow, classes...

Today's story

Story Line#1

Story Line#2

Story Line#3

I need feedback

You sucks

Grrrr~~~