webpack.config.js
-
[React 기초] Webpack 설치 및 실행 (기본편) : 1탄 - 자바스크립트 웹팩컴퓨터 알아가기/React 2023. 12. 27. 19:30
구구단 게임 예제를 통하여 Class형 Component든 함수 Component든 하나의 모듈 개념으로 Component가 관여하는 것을 알 수 있었습니다. 하지만 실제 예에서는 하나의 Component만 사용되는 경우는 거의 없고 수천 수만가지의 Component가 사용이 되어 하나의 프로그램을 이룹니다. 이렇게 수많은 Component(자바스크립트 프로그램)를 하나로 통하하여 효율적으로 사용할 수 있는 프로그램을 웹팩(Webpack)으로 불립니다. 이러한 프로그램을 자동으로 통합하여 Webpack으로 만들어 주는 프로그램 또한 머리 좋은 누군가가 개발하여 Create-react-app이라는 프로그램으로 널리 통용되나 근본적인 내용을 모르면 사칙연산을 모르고 수학문제를 푸는 경우가 같기 때문에 조금 ..
-
React 기본 : 끝말잇기 프로그램 만들기 (WordRelay.jsx 파일 만들기)컴퓨터 알아가기/React 2021. 7. 27. 19:30
본 내용은 ZeroCho TV의 무료 웹강좌를 기본으로 정리하고 있는 React 내용입니다. Webpack의 Build도 성공하였으니 다양한 프로그램을 따라 공부하면서 나만의 실력을 키울 첫번째 과정입니다. 여러가지 Package중에서 중요한 역할을 담당하고 있는 webpack.config.js 파일에서 약간 더 보충이 되어야 할 내용이 있어 첨가합니다. ▒ webpack.config.js 파일의 구성요소 지난시간까지는 입력 entry >> module >> output 의 순서로 기억 했습니다. 여기서 좀 더 추가할 부분은 프로그램에 필요한 플러그인이 필요한데 그러기 위해서는 entry >> module >> plugins >> output으로 기억해 놓는게 기본이라고 합니다. 아울러 module에서 ..