[웹 프론트엔드]

웹 프론트엔드 개발은 6단계로 볼 수 있다.

 

1. testing

코드가 잘 작동하는지 검사

ex) Mocha

 

2. code formating

코드가 가독성 좋은 포맷으로 작성되었는지 검사하고 수정

ex) ESLint

 

3. transpiling

작성한 js 코드가 자바스크립트 최신 표준을 지원하지 않는, 오래된 브라우저에서도 문제없이 작성할 수 있도록 변환하거나 js의 단점을 보완한 언어(ex. Typescript)로 작성한 코드를 다시 js로 변환하는 트랜파일 작업

ex) Babel

 

4. bundling

여러 자바스크립트 파일들과 css 파일 등을 하나의 파일로 묶는 번들링 작업

ex) Webpack

 

5. minifying

번들링된 결과를 더 작은 용량으로 압축해주는 작업

ex) Uglify, JS

 

6. Task runner

이런 작업들을 한 번에 자동으로 실행할 수 있도록 설정하는 작업

ex) Gulp