오늘은 드디어 React 프로젝트 세팅 글을 마무리했다.😂 정리하고 밀린 포스팅도 빨리 올려야하는데 ㅠㅠ 할 게 너무 많다,,,
👉 오늘 한 일
- 드디어 React 프로젝트를 위한 세팅을 마무리하고 블로그에 정리 글을 올렸다!
ESLint와 Prettier로 React 프로젝트 세팅을 하려는 사람이 있다면 한번 ESLint & Prettier, Airbnb Style Guide로 프로젝트 세팅하기 참고하고 피드백 주면 감사하겠다 :) - 노마드 코더 React 강의를 들었다.
👉 공부한 내용
- React 프로젝트 설정을 하면서 npm install로 package 설치할 일이 많았는데 --save, --save-dev, --save-exact 등을 알게 되었다.
지역 설치
$ npm install "package"
전역 설치
$ npm install -g "package"
--save옵션: 패키지 설치와 함께 package.json의 dependencies에 설치된 패키지 이름과 버전이 기록된다.(npm@5부터는 기본 옵션이다.)
$ npm install --save "package"
--save-dev옵션: 패키지 설치화 함께 pacakge.json의 devDependencies에 설치된 패키지와 버전이 기록된다.
devDependencies에는 개발 시에만 사용하는 개발용 의존 패키지를 명시한다.
$ npm install --save-dev "package"
only install: npm install만 입력하면 package.json에 명시된 모든 의존 패키지를 한번에 설치할 수 있다.
$ npm install
--save-exact옵션: 설치된 버전을 범위 지정없이 기록한다. 즉, 마이너 버전 범위 내에서 업데이트를 허용하는^(캐럿) 없이 정확한 버전을 설치하는 것이다.
$ npm install --save-exact "package"
☕️ 잡담
오늘은 드디어 ESLint와 Prettier를 적용하면서 진행한 과정을 정리한 글을 올렸다. Airbnb style guide도 적용하고 lint-staged, husky 등 다양한 것을 적용한다고 너무 오래 걸렸다 ㅠㅠ 블로그들마다 적용 방법도 다르고 버젼이 바뀌면서인지 생긴 오류들을 처리한다고 꽤 애를 먹었다. 하지만 최대한 상세히 적었으니 나중에 다른 프로젝트에 적용할 때 금방 할 수 있을 것 같다💪
다른 사람들에게도 도움이 되는 글이었으면 좋겠다.
오늘도 시간이 늦어서 팁을 생략하겠다 :'( 요즘 해야 할 게 좀 많아서 포스팅이 미뤄지지만 차근차근해나가야겠다!
📑 참고 사이트
-
React Project setup - ESLint & Prettier, Airbnb Style Guide로 프로젝트 세팅하기
-
poiemaweb 사이트 - 모듈화와 npm(node package manager)
