TIL 47 | Webpack, Babel

vi2920va·2022년 2월 7일
0

CS

목록 보기
6/8
post-thumbnail

✌Webpack

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

✌Babel

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

0개의 댓글