패키지 설치

외부 라이브러리를 가져다 쓰는 것은 무척 자연스러운 일이다.
간단한 방법은 CDN(컨텐츠 전송 네트워크)으로 제공하는 라이브러리를 직접 가져오는 방식이다.
리액트의 주소를 html에 로딩한다.

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>

CDN 서버 장애로 인해 외부 라이브러리를 사용할 수 없다면 어떻게 될까?
아무리 우리 애플리케이션 서버가 정상이더라도 필수 라이브러리를 가져오지 못한다면 웹 애플리케이션은 정상적으로 동작하지 않을 것이다.

라이브러리 코드를 우리 프로젝트 폴더에 다운받아 놓는 것은 어떨까?
CDN을 사용하지 않기 때문에 장애와 독립적으로 웹 애플리케이션을 제공할 수 있다.

하지만 이런 상황도 있다.
라이브러리는 계속해서 업데이트 될 것이고 우리 프로젝트에서도 최신 버전으로 교체해야 한다.
매번 직접 다운로드하는 것은 매우 귀찮은 일이 될 것이다.
버전에 따라 하위 호환성 여부까지 확인하려면 실수할 여지가 많다.

라이브러리를 어느 한 곳에서 업데이트하고 하위 호환되는 안전한 버전만 다운받아 사용할 수 있다면 어떨까?

NPM은 이러한 방식으로 패키지를 관리한다.
npm install 명령어로 외부 패키지를 우리 프로젝트 폴더에 다운로드 해보자.

npm install react

최신 버전의 react를 NPM 저장소에서 찾아 우리 프로젝트로 다운로드하는 명령어다.
package.json에는 설치한 패키지 정보를 기록한다.

{
  "dependencies": {
    "react": "^16.12.0"
  }
}

버전 16.12.0을 설치했다는 의미이다.

LHJ