[가이드] Webpack으로 React 개발환경 구성하기
·
Dev/React
기존에는 create-react-app(CRA)로 React 개발환경을 쉽게 구성했었습니다.하지만 CRA가 지원 종료되면서 다른 대안(webpack/vite/remix)을 찾아야 합니다.그 중 저는 Webpack을 사용해서 개발 환경을 구축해보겠습니다.웹 화면 띄우기작업할 폴더를 생성하고 IDE를 통해 오픈합니다.💡 저는 VSCode를 사용하는데, 원하는 IDE를 사용하세요. :) 일단 package.json을 만들어보겠습니다.# package.json 생성$ npm init -y라이브러리 설치Webpackwebpack은 모듈 번들러로서, 기본적으로 Javascript 파일들을 하나로 합쳐주는 역할을 합니다.그 외 plugin을 통해 css, asset 등도 처리할 수 있습니다.webpack: 모듈 번..