2016년 4월 29일 금요일

javascript, css의 minify와 concat을 위한.. gulp vs grunt

web 환경.

angularjs 1.2.28 (angularjs 2로는 공부할 시간이 없다는 핑계로 미루는 중)

웹 최적화가 필요함.
알리윤 홍콩 리젼에 서버를 두고 테스트한 결과.. 웹 페이지가 보이기 까지 4~5초 정도 걸림.
문제는 많은 css파일과, javascript들..

grunt : 마치 autoconf를 이용해서 makefile 만드는 듯한 느낌.. minify를 위한 grunt라는 새로운 언어와 구조를 공부해야 하는 느낌.

gulp : 직접 Makefile을 만드는 느낌. 별거 없음. node.js깔고 node.js를 이용해서 스크립트 만듬.

grunt

장점
- 구조적으로 유지 보수하기가 쉬어 보임.

단점
- 공부하는데 익숙해지는데 시간과 노력이 필요함.

gulp
장점
- 배우는 데 10분 정도 걸림. 시행 착오 겪으면 한시간 정도.
(css, javascript 파일을 path/**/* 이런 식으로 쓰면 순서가 꼬여서 동작을 안 할 수 있음을 알고 파일 하나하나 적어줌) 

단점
- 파일이 커지고 소스가 커지면 유지보수할 때 문제가 생길 확률이 높아진다.


일단 초기에는 gulp가 최고이나.. 나중에 프로젝트가 커지고 협업하는 사람들이 아주 많아지면 grunt로 가야하지 않을까 하는 생각을 하게 된다.