웹팩(Webpack)이란?

여러개 파일을 하나로 합쳐주는 모듈 번들러이다.

• Webpack은 module bundler이며 이는 javascript 모듈들을 의존성을 통해 하나 혹은 여러개의 파일로 묶는 것을 뜻한다.
• 쉽게 말하면, html 파일에 들어가는 자바스크립트 파일들을 하나의 자바스크립트 파일로 만들어주는 방식!

웹팩을 사용하는 이유?

• Webpack은 여러개의 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담을 줄여 더 빠른 서비스를 제공할 수 있게 해준다.

바벨(Babel)이란?

Babel은 트랜스파일러이다.

• 트랜스파일링이란? 특정 언어로 작성된 코드를 비슷한 다른 언어로 변환시키는 것이다. 이를 해주는 것이 트랜스파일러이다.
• 빌드 단계에서 Javascript를 다른 언어로 변환하는 것이 아닌 어플리케이션에서 설정된 환경에 맞게 또는 현재 사용하고 있는 대중적인 브라우저 스펙 또는 호환성에 맞는 하위 버전의 Javascript로 변환해준다.

바벨은 왜 컴파일러가 아닐까?

• 컴파일러는 한 언어로 작성된 코드를 다른 언어로 변환하는 것으로 C 코드로 개발된 코드를 Assembly 코드로 변환하는 것과 같다.