빌드 시스템

빌드 시스템

바벨이란?

특정 브라우저에서 ES6+를 지원 안할때 해당 코드를 지원 가능한 코드로 폴리필 해주는 트랜스파일러

폴리필이란?

바벨만으로는 트랜스파일이 힘든 최신 문법의 경우 런타임에서 해당 코드를 주입하는 것.
기능을 지원하지 않는 웹 브라우저에서 원하는 기능을 구현할 수 있으나, 폴리필 플러그인 로드 때문에 시간과 트래픽이 늘어나고, 브라우저별 기능을 추가하는 것 때문에 코드가 매우 길어지고, 성능이 많이 저하된다는 단점이 있다.

Node.js란?

기존에 자바스크립트는 런타임이 브라우저 상에서 밖에 존재하지 않았는데, 이제는 웹 서버 등을 구축할 수 있는 자바스크립트 런타임으로 Node.js가 생겼다.
런타임이란 자바스크립트 코드가 구동될 수 있는 공간 정도로 이해하면 될 것 같다.

NPM이란?

개발자들이 개발한 오픈소스를 사용하거나 매니징할 수 있는 패키지 매니저

ESLint란?

코드 상 에러를 표시해주는 라이브러리.
협업할 때 에러, 코딩 규칙 혹은 스타일을 보정 해줄 수 있는 장점이 있다.

Prettier란?

정해진 규칙에 따라 자동으로 코드 스타일을 정리 해주는 도구.
여러 규칙들을 쉽게 커스터마이징 할 수도 있다.
코딩 스타일을 통일 할 수 있다.

웹 태스크 매니저란?

Gulp나 Grunt 같은 태스크 매니저
Gulp를 통하여 scss등의 파일 컴파일을 자동화 할 수 있다.