바벨 (1) 썸네일형 리스트형 CRA없이 Webpack(웹팩) + Babel(바벨) 기본 설정하기 이번에 과제를 진행하며 리액트의 초기 개발환경 설정을 하게 되었다. 항상 프로젝트를 시작하며 CRA나 Vite만 사용을 해서 처음부터 구축을 해보는 좋은 경험을 하게 되었다. 다음은 웹팩과 바벨 설정에 대한 단계이다.1. 프로젝트 초기화npm init -y새로운 프로젝트를 초기화하기 위해 터미널에 다음과 같이 npm init -y를 통해 package.json 파일을 생성해주었다. 2. Webpack과 babel 및 필요 패키지 설치npm i webpack webpack-cli webpack-dev-server html-webpack-plugin babel-loader @babel/core @babel/preset-env @babel/preset-react css-loader style-loader각.. 이전 1 다음