[Dev] 프론트엔드 개발에서 사용할 수 있는 자동화 도구

Front-end Development Process - 어디까지 개선할 수 있나 from JeongHun Byeon

2014년 발표자료 / 출처: http://www.bloter.net/archives/214274

comment; 2020년말에 바라보는는 이 과거자료 참 재밌다.

의존성 관리를 위한 도구

• 보어 http://bower.io/
• 브라우저리파이 http://browserify.org/

웹서버 실행

• 그런트JS http://gruntjs.com
• 걸프JS http://gulpjs.com/

코드 품질 관리

• JS힌트 http://www.jshint.com
• 플로우 http://flowtype.org/
• 리세스 http://twitter.github.io/recess/
• ES린트 http://eslint.org/
• HTML힌트 https://github.com/yaniswang/HTMLHint
• CSS린트 http://csslint.net/

전처리

• 사스 http://sass-lang.com/
• 레스 http://lesscss.org/
• 커피스크립트 http://coffeescript.org/
• 스타일러스 http://learnboost.github.io/stylus/

유닛테스트

• 차이 http://chaijs.com/
• 모카 http://mochajs.org/
• 카르마 http://mochajs.org/
• 재스민 http://jasmine.github.io/

테스트

• 소스랩 https://saucelabs.com/
• 커버올스 https://coveralls.io/
• 브라우저스택 http://www.browserstack.com/
• 짐내시엄 https://gemnasium.com/