webpack.config.js

React - webpack.config.js

이번 포스팅에서는 webpack.config.js 파일을 이용해서 React에서 사용할 webpack 환경설정을 진행해보고자 한다. 기본적으로 webpack은 Nodejs 환경에서 돌아간다. 그렇기 때문에 npm을 이용해 패키지를 설치하고 사용하는 것이 가능하다. npm init -y npm install react react-dom npm install -D webpack webpack-cli 프로젝트 디렉토리 안에서 webpack.config.js 파일을 생성해주자. src 디렉토리와 dist 디렉토리 역시 생성해준다. src 디렉토리 안에는 webpack이 bundle 할 파일들이 들어가게 된고 dist 디렉토리 안에는 bundle 된 js 파일이 위치하게 된다. 그리고 src 디렉토리 안에는 in..

React - Webpack

이번 포스팅에서는 Webpack에 대해 간략히 알아보고자 한다. Webpack에 대해 들어가기에 앞서 JavaScript의 역사에 대해 조금 짚고 넘어갈 필요가 있다. JavaScipt는 2015년 ES6 문법이 등장하기 이전과 이후로 나뉘어진다. 2015년 이전에는 module 개념이 존재하지 않았었고 ES6 문법이 등장하면서부터 module 개념이 도입되기 시작했다. 그 이전에는 JavaScript에 module 개념이 없었기 때문에 module 형식으로 코드를 작성하고 사용하기 위해 webpack이라는 개념이 등장하게 되었다. module이라는 것은 쉽게 말해 파일을 나눠서 작성하는 것이다. A 파일에서 작성한 내용을 B 파일에서 사용하고 싶을 때 A 파일의 내용을 가져와서 사용하는 것이 바로 mo..