설정3. 웹팩 설치하기

node.js, nvm, npm, express 설치 이후 - 브라우저에서 구동할 프론트 작업을 위한 설정이 필요하다. 난 HTML, SCSS, JS로 작업을 하고 싶은데 브라우저는 SCSS가 아닌 CSS를 이해하기 때문에 통역사를 데려와야한다. 백엔드의 자바스크립트에게는 Babel Node, 프론트의 자바스크립트에게는 Webpack이 그 역할이다. 웹팩이 내가 작성한 JS 코드를 브라우저가 받아들일 수 있는 '기본 형태 JS'로 통역을 해준다. * 그럼 그냥 CSS로 작성하면 되는거 아니냐 → CSS를 계속 쓰다보면 SCSS처럼 같은 스타일을 묶어주는 방식이 절실해지는 상황이 생긴다. * 웹팩 대체재: Gulp 기본 학습 이후 리액트 같은 여러 프레임워크를 사용하다보면 웹팩을 사용할 일은 별로 없다고 한다. (프레임워크에 내장되어 있어서) 1. 웹팩 설치 터미널 명령어: npm i webpack webpack-cli -D webpack, webpack-cli를 package.jso...

원문링크 : 설정3. 웹팩 설치하기