프론트엔드 빌드 시스템
Babel
- Bebel은 자바스크립트 컴파일러로서, ECMAScript 2015+ 코드를 이전 버전의 자바스크립트로 컴파일한다.
Polyfill
poly(자바스크립트를 비롯한 여러 기술을 이용) + fill(기술이 필요한 브라우저의 구멍을 매꿈)
- Polyfill은 기본적으로 최신 기능을 지원하지 않는 이전 브라우저에서 해당 기능을 제공하는 데 필요한 코드 (일반적으로 웹의 JavaScript)이다.
Node.js
- 크롬의 V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임 환경
- asynchronous event-driven JavaScript runtime
- 브라우저의 자바스크립트에서만 동작하던 자바스크립트를 브라우저 이외의 환경에도서 동작할 수 있도록 자바스크립트 엔진을 브라우저에서 독립시킨 자바스크립츠 실행 환경
NPM
Node Package Manager, 자바스크립트 패키지 매니저
- Node.js에서 사용할 수 있는 모듈을 패키지화해서 모아둔 저장소 역할
- 패키지 설치 및 관리를 위한 CLI(Command Line Interface) 제공
ESLint
- ESLint는 자바스크립트를 위한 린팅 유틸리티다.
- 코드 린팅(code linting): 스타일 가이드를 따르지 않거나 문제가 있는 패턴을 찾아내는 정적 분석
- 자바스크립트 코드를 실행해보지 않고도 문제를 파악할 수 있게 함
Prettier
- Prettier는 opinionated 코드 포매터이다.
- 기존의 스타일을 제거하고 이를 일관적인 스타일로 맞춘다.
Task Runner
- Task runner는 압축, unit testing, linting 등의 반복적인 작업을 대신 자동으로 해주는 도구이다.
참고 자료
This post is licensed under CC BY 4.0 by the author.