외부 패키지를 관리하는 방법

(1) 패키지 설치

프로젝트에서 사용할 패키지(라이브러리)를 설치한다.

• CDN 이용 방법
  Contents Delivery Network의 약자로 컨텐츠 전송 네트워크를 이용해 제공하는 라이브러리를 직접 가져오는 방식
  CDN 서버 장애에 취약
  
  

• 직접 다운로드 방법
  CDN을 다운로드해서 파일로 저장하는 방법은 안정적이지만 업데이트하기 번거로움
  
  

• NPM 이용 방법
  npm install 라이브러리명 으로 의존성을 관리
  설치하게 되면 package.json 파일에 dependencies라는 곳에 추가
  
  

• 유의적 버전

노드가 버전을 관리하는 방식
프로젝트에서 사용하는 버전을 엄격하게 제한하면 버전을 업그레이드 할 때 힘들다.
그러나 느슨하게 하면 여러 버전을 관리하는 것이 힘들 수 있다.
버전 관리 규칙(버전 번호 관리 방법)을 유의적 버전(시맨틱 버전)이라고 한다.

· 주버전 (v 16.12.0의 16) : 기존 버전과 호환되지 않게 변경한 경우 · 부버전 (v 16.12.0의 12) : 기존 버전과 호환되면서 기능이 추가된 경우 · 수버전 (v 16.12.0의 0) : 기존 버전과 호환되면서 버그를 수정한 경우

• 버전의 범위
  
  

npm이 버전을 관리할 때 버전의 범위를 명시한다.

· 특정 버전 사용 (1.2.3) · 특정 버전보다 높거나 낮으면 부등호 사용 (>1.2.3 , <=1.2.3) · 틸트~ 와 캐럿 ^ 사용 틸트~ : 마이너 버전이 명시되어 있으면 패치 버전을 변경 캐럿 ^ : 정식 버전에서 마이너와 패치 버전을 변경

터미널에서 npm view react versions로 리액트 버전을 확인해볼 수 있다.

package.json의 “dependencies”에서 “react”의 버전을 “~0”으로 명시하고
npm install을 하면 “dependencies”의 모든 패키지를 설치한다. 그리고 확인해보면 “~0”으로 인해 마이너 버전까지 업데이트 된 “0.14.9” 버전의 리액트가 설치된다. 이럴 경우에는 “^0.0” 틸트를 이용해 버전을 표시해주고 삭제 후 재설치를 한다.
그러면 패치버전까지만 적용된 “0.0.3”버전이 설치가 된다.

=> npm의 패키지의 버전관리를 하는 방법이다.

(2) 결론

• Node.js 기술을 기반으로 하는 프론트엔드 개발환경 구축을 위해 Node.js와 NPM을 설치
• npm init을 이용해 package.json에 정보를 기록하고 프로젝트를 초기화
• NPM이 제공하는 커맨드는 터미널에 npm
• 커스텀 명령어 추가는 package.json > “scripts”
• package.json > “dependencies” 와 npm install로 외부패키지 다운