웹팩모듈설치
-
[React 기초] Webpack 설치 및 실행 : 3탄 - React Webpack Babel Module 설치컴퓨터 알아가기/React 2023. 12. 29. 19:30
이전 웹팩 관련글은 기본적인 입력과 출력에 맞춘 기본 동작에 대한 이해였습니다만, 조금 더 필요한 모듈을 직접 설치해 봄으로써 웹팩에 대한 이해를 높이고자 합니다. 본 내용은 제로초 TV와 코딩앙마 프론트엔드 개발 강좌를 복합적으로 공부하면서 자신의 것으로 만들어 본 것입니다. ▒ Webpack 모듈설치 2탄에서 웹팩을 실행했을 경우 error가 하나 떴습니다. Module parse에서 다음과 같이 에러가 발생이 되었습니다. 에러의 내용을 잠깐 보면 client.jsx에서 최종 render되는 콤포넌트에서 loader가 없다고 나옵니다. 이는 JSX를 React Webpack에서 사용하기 위하여 알맞은 Loader가 필요하다는 말입니다. 이러한 에러를 해결하는 방법이 webpack.config.js에서..
-
[React 기초] Webpack 설치 및 실행 : 2탄 - React 웹팩 실행컴퓨터 알아가기/React 2023. 12. 28. 19:30
지난 시간 Webpack을 설치하고 실행하는 기본적인 것을 연습해 보았습니다. 실행 자체는 자바스크립트 기준으로 실행하였으나 지금 공부하고 있는 과목이 React이기 때문에 좀 더 추가 설치가 필요할 것으로 보여집니다. 향후 CSS까지 웹팩으로 진행할려면 기본적으로 모듈에 대한 이해가 필요한데 그 부분을 중점적으로 보겠습니다. 역시 본 내용은 제로초 TV와 코딩앙마 강좌를 복합적으로 공부하면서 정리하는 내용입니다. ▒ React에서의 Webpack 지난 시간 실행한 Webpack은 React기준이 아닌 자바스크립트 기준이었습니다. 다시 복습하면 여러가지 폴더를 만들고 설정을 하면서 최종적으로 실행이 되는 곳은 dist폴더에 main.js 파일을 통하여 index.html 파일에서 로딩되는 상황이었습니다...