Webpack 2번째 *지난 포스팅 내용의 복습과 정리가 포함되어 있습니다 1. Webpack 먼저 웹팩과 리액트를 설치합니다 [./src/index.jsx] [./src/app.jsx] 기본 설정은 끝. 다음으로 웹팩 환결설정이 필요합니다 루트 디렉토리에 webpack.config.js 파일을 생성합니다 [webpack.config.js] 번들링 결과 dist 디렉토리 안에 bundle.js 파일이 생성됩니다 2. HtmlTemplate 먼저 관련 플러그인을 설치하겠습니다 다음으로 환경설정을 수정합니다 [webpack.config.js] npx webpack 결과 dist 디렉토리

1. Babel > Babel은 자바스크립트 컴파일러입니다 Babel은 JSX 문법을 사용할 수 있게끔 만들어주는 툴로써 사용됩니다 그런데 왜 인터프리터 언어에 별도의 컴파일러가 필요한 걸까요? 우선 그 이유에 대해 알아보겠습니다 1-1. ES6 → ES5 자바스크립트 문법은 꾸준히 진화해왔습니다 그런데 신문법으로 작성된 코드의 경우 브라우저(크롬 버전)에 따라서 실행이 되지 않을 수 있습니다 그렇다면 let, const나 화살표 함수 등을 읽을 수 없는 환경에서 신문법으로 작성한 코드를 실행하려면 어떻게 해야 할까요 단순히 var, function 등으로 코드를 수정하는 것이 아닌, 호이스팅과 같은 순서상의 이슈까지 모두 고려해야 합니다 이 때 bab