HMR

[React] Webpack 마는 법

React webpack 마는 법 배경 인프런 - 웹 게임을 만들며 배우는 React 강의의 섹션 1에서 webpack과 babel을 직접 설치해서 세팅하는 방법을 알려준다. CRA나 Vite를 쓰지 않고 직접 세팅하면서 webpack과 babel의 동작 방식을 공부할 수 있었다. 언제든지 볼 수 있도록, npm init부터 HMR(Hot Module Reloading) 세팅까지의 과정을 기록하고자 한다. 초기 세팅 npm init npm i react react-dom webpack 및 babel 세팅 npm i -D webpack webpack-cli npm i -D @babel/core @babel/preset-env @babel/preset-react babel-loader // webpack.c..