NPM(Node Package Manager) 2

패키지 설치

- CDN을 이용한 방법

CDN 서버 장애로 인해 외부 라이브러리를 사용할 수 없다면 우리 애플리케이션 서버가 정상이더라도 동작하지 않을 것이다.

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

- 직접 다운로드하는 방법

라이브러리 코드를 우리 프로젝트 폴더에 다운받아 놓을 수 있다.
하지만 라이브러리가 계속 업데이트 될 때 마다 매번 직접 다운로드 하는 것은 매우 귀찮은 일이다.

- NPM을 이용한 방법

npm install 명령어로 외부 패키지를 우리 프로젝트 폴더에 다운로드 할 수 있다.

soone  ~/Desktop/공부/sample  npm install react

added 3 packages, and audited 4 packages in 550ms

found 0 vulnerabilities
 soone  ~/Desktop/공부/sample  

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

• sample/package.json

{
  "name": "sample",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "echo \"여기에 빌드 스크립트를 추가합니다\""
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^18.2.0"
  }
}

dependencies에 react 버전 18.2.0이 추가된 것을 확인할 수 있다.