[React] pakage.json의 dependencies 와 devDependencies 간단한 차이

라이브러리를 설치할때 두가지 방법이 있다.
npm install 과 npm install -D(npm install --save-dev)의 차이를 알아보자.

외부 라이브러리를 설치하면 프로젝트 폴더안에 pakage.json npm 설정 파일이 생기는데 여기에
dependencies 와 devDependencies가 있다.

dependencies

dependencies는 npm install로 설치를 했을때 외부 라이브러리가 이 안에 종속된다.

dependencies는 애플리케이션 로직과 연관되어 있는, 즉 애플리케이션 로직의 구현에 영향을 주는 라이브러리들을 이 곳에 설치해야 한다.
ex) react ,angular ,vue ,jquery ,chartJs 등등

devDependencies

devDependencies는 위와 반대로 npm install -D(npm install --save-dev)로 설치 했을때 외부 라이브러리가 이 안에 종속된다.

devDependencies는 webpack처럼 최신 javascript 문법이 더 많은 브라우저와 호환이 되게끔 하는 도구나, JS-Compression과 같은 JS 압축도구, SASS ,ESlit ,prettier ,typescript , babel 등과 같이 개발을 할때만 쓰고, 개발을 할때만 도움을 주는 개발 라이브러리들을 이 안에 설치한다.

dependencies는 배포할때 포함되는 library이고,
devDependencies는 배포할때 포함되지 않는 library이다.