🔧외부 패키지를 관리하는 방법 : npm install

이번 수업 시간에서는 외부 패키지를 관리하는 방법에 관해서 배울 것이다. 

CDN

CDN은 접적으로 라이브러릴 설치 및 다운로드하는 방법이 아니다. 필요한 라이브러리 패키지를 html에서 로딩해서 간단하게 가져오는 방법이다.

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

 

 

하지만 라이브러리는 지속적으로 관리되고 업데이트가 된다. 강의에서 보여주는 리액트 라이브러리의 버전은 16버전이다. 위의 CDN은 18버전이다. 변경된 버전이 있을 때 마다 수동적으로 CDN을 계속해서 변경해줘야 하는 번거로움이 있다. 이를 해결 하기 위해선 우린 NPM을 통해서 패키지를 관리한다.

::CMD
npm install react

NPM을 통해서 설치가 완료된다면 아래와 같이 package.json파일안 devDependencies에 이러한 형식으로 저장이 될 것이다.

  "devDependencies": {
    "react": "^18.0.0"
  }

---

"^18.0.0"의 "^" 캐럿은 무엇인가.

NPM은 유의적 버전을 따르며 아래 패키지 버전을 관리한다.

유의적 버전은 주(Major Version) ,부(Minor Version) ,수(Patch Version) 세 가지 숫자를 조합해서 버전을 관리한다. 

• 주 버전 (Major Version) : 기존 버전과 호환되지 않게 변경한 경우
• 부 버전 (Minor Version) : 기존 버전과 호환되면서 기능이 추가된 경우
• 수 버전 (Patch Version) : 기존 버전과 호환되면서 버그를 수정한 경우

버전 범위 : 틸트(~)와 캐럿(^)

• 틸트(~) : 틸트는 마이너 버전이 명시되어 있으면 패치버전을  변경한다.
• 캐럿 (^) : 캐럿은 정식버전에 마이너와 패치 버전을 변경한다.

---

Install에 관해서

우리는 보통 npm install ~ 을 하면서 프로젝트에 필요한 특정 라이브러리나 프레임워크를 설치하는 방식과 방법들로만 활용을 해왔다. 이 수업에서는 package.json 파일을 활용해서 우리가 원하는 버전의 범위부터 설정들까지 커스텀하고 조작 하는 것이 주된 목적이다. 따라서 우리는 package.json에 필요한 라이브러리들이나 원하는 라이브러리의 버전 범위들을 명시적으로 package.json에 직접 설정하고 npm install, npm i만을 통해서 우리가 원하는 라이브러리, 프레임워크들을 설치하고 응용 할 수 있는 것이다. 즉, install은 package.json파일에 의존해서 패키지들을 관리하 있다는 것을 알 수 있다. 이를 의존성 관리라고 한다. 따라서 개발자는 기존 기타, 관례적, 습관적 방식의 install의 개념이 아니라 package.json을 통해서 직접 커스텀을 할 수 있다는 것이다.