디자인너 코딩하기

eslint 자바스크립트 코드를 실행하지 않아도 정적 분석을 통해 문법 오류를 찾아준다 간단한 포맷팅기능도 있음 npm i -D eslint prettier 포맷팅 중 하나 https://prettier.io/ 에서 install 명령어를 찾아 복사 실행시켜준다. npm install --save-dev --save-exact prettier --save-dev -> -D와 동일 --save-exact -> package.json devDependencies에서 ^ 없이 설치를 의미 "^"의 의미는 패키지가 업데이트 할때 마이너 버전에 한해 업데이트를 허용 포맷팅이므로 버젼에 따라 기본 설정이 달라지므로 exact로 설치 "devDependencies": { "css-loader": "^6.7.1", "..

1 새로운 폴더를 만든다 2 npm init -y 실행 package.json파일 생성 확인 → package.json 초기화 3 npm i -D webpack webpack-cli webpack-dev-server i는 install -D 개발환경, 테스트, 로컬환경 사용용(devDependencies) webpack, webpack-cli, webpack-dev-server 세 가지를 개발환경에서만 사용하는 용도로 인스톨 node_modules 폴더와 package-lock.json 파일 목록생성 및 버젼 확인 4 src 폴더 생성 src 폴더와 하위에 css폴더와 css폴더하위에 style.css파일과 js폴더와 js폴더 하위에 index.js파일을 생성 5 webpack.config.js파일 생성..