웹개발에 많이 사용되는 툴 정리

Babel

ECMA 2015년 이후 버전의 코드를 예전 버전으로 변환해주는 툴.
타입 스크립트, jsx 등의 코드를 브라우저가 이해할 수 있도록 순수 자바스크립트로 변환해준다.

예전 버전을 사용하는 브라우저는 최신 코드를 이해하지 못할 수 있어서 이런 변환이 필요하다.

webpack

작성한 소스코드와 리소스 이미지를 묶어서 번들 단위로 사용자에게 제공한다. (번들링)
코드 길이를 줄여주고 minify, uglify를 담당하고 있다.

ESLint

코드에 잘못된 점이 있으면 경고 사인을 보내주는 툴

Jest

유닛 테스트를 할 수 있게 도와주는 테스팅 프레임워크

PostCSS

CSS 전처리기 중 하나. less, sass와 비슷하다.
sass는 정해진 것들만 할 수 있는 반면에, PostCSS는 다양한 플러그인이 있어서 유연하게 추가할 수 있다.