Node.js와 NPM이란?

• React,Vue,Angular 같은 프레임워크를 사용했을 때 Node.js 기반으로 설치하고 그것을 효율적으로 관리해주는 것이 NodePackageManager이다.
• npm: 자바스크립트 관련 라이브러리들의 공개 저장소

npm의 장점

1. package.json으로 라이브러리들을 깔끔하게 목록과 버전을 관리할 수 있음.
2. CDN을 통해 사용하지 않고 내 Local에 저장하여 사용할 수 있음.

npm 명령어

npm init -y: npm 초기화 명령어 package.json 생성 시
npm install "라이브러리명": 해당 라이브러리 설치,package.json에 추가됨(지역설치)
npm install -g "라이브러리명": 전역 설치(시스템 레벨에 전역 설치됨)
npm uninstall "라이브러리명": 해당 라이브러리 제거,package.json에서 제거 됨.
npm install vue --save-dev === npm i vue -D : package.json에 devDependencies에 추가 됨.

dependencies와 devDependencies의 차이점

• dependencies: 화면 Dom 조작과 관련이 있는,애플리케이션을 동작 시킬때 필요한 라이브러리(ex.react,chart,vue 등)

• devDependencies:개발할 때 도움을 주는 보조 라이브러리(ex. webpack,sass,js-compression)

개발용과 배포용 라이브러리 구분

npm i === 배포용 라이브러리 === dependencies
npm i "" -D === 개발용 라이브러리 === devDependencies

추후 프로젝트 배포 시 npm run build는 devDependencies의 들어있는 라이브러리는 포함 되지 않는다!
dependencies에 필요없는 라이브러리가 있어 build시 시간이 많이 걸리기 때문에 잘 구분하여 적용한다.