[React JS]웹팩(Webpack)과 바벨(Babel) 개념

■ 웹팩(Webpack)

의존성을 분석해 모듈을 번들(여러 개를 하나로 묶어주는)시켜주는 역할을 한다.

프로젝트를 개발하다보면 수 많은 라이브러리들을 사용하게 되는데 빌드(build)라는 과정을 통해

하나의 파일로 만들어 준다.

예시로 JAVA 스프링 프레임워크를 활용하느 프로젝트에서

해당 프로젝트를 빌드하여 jar파일로 말아서 생성하는것과 유사하다.

---

■ 바벨(Babel)

바벨은 코드 변환기다.

개발자들은 최신의 코드로 작업을 진행하고 최대한 많은 사용자가 사용하는데

불편함이 없도록 만들어 주는게 바벨이다.

바벨은 최신 자바스크립트 문법을 구형 브라우저에서도 돌 수 있도록 코드 자체를 변환시킨다.