TIL 47 | Webpack, Babel

✌Webpack

• 웹팩(Webpack)은 모듈 번들러 이다.
• 모듈은 하나의 파일이고, 번들이란 여러 파일을 합쳐서 하나의 파일을 만들어준 결과 파일이라고 생각하면 된다.
• React 개발을 할 때 많은 파일을 만들고 신경쓰지 않고 서로 import를 하며 개발할 수 있다.

✌Babel

• 바벨(Babel)은 컴파일러이다.
• 컴파일러는 사람이 이해하기 쉬운 고수준의 언어를 기계가 이해하기 쉬운 저수준의 언어로 바꿔주는 것을 컴파일러 라고 한다.
• 바벨은 JavaScript를 입력 받아 출력하는 것이다.
• ES6+ 코드를 받아서 브라우저에서 인식할 수 있는 ES5 코드로 바꿔주는 역할을 한다.
• 즉, 브라우저에서 지원하지 않는 JavaScript 버전을 신경쓰지 않고, 최신의 버전을 사용할 수 있다.