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

■ 웹팩(Webpack) 의존성을 분석해 모듈을 번들(여러 개를 하나로 묶어주는)시켜주는 역할을 한다. 프로젝트를 개발하다보면 수 많은 라이브러리들을 사용하게 되는데 빌드(build)라는 과정을 통해 하나의 파일로 만들어 준다. 예시로 JAVA 스프링 프레임워크를 활용하느 프로젝트에서 해당 프로젝트를 빌드하여 jar파일로 말아서 생성하는것과 유사하다. ■ 바벨(Babel) 바벨은 코드 변환기다. 개발자들은 최신의 코드로 작업을 진행하고 최대한 많은 사용자가 사용하는데 불편함이 없도록 만들어 주는게 바벨이다. 바벨은 최신 자바스크립트 문법을 구형 브라우저에서도 돌 수 있도록 코드 자체를 변환시킨다.

2020.12.23