개발/Node.js

패키지 설치

D_Da 2024. 7. 23. 16:23

 

1. CDN을 이용한 방법

CDN ( 컨텐츠 전송 네트워크 )으로 제공하는 라이브러리를 직접 가져 오는 방식이다.

리액트의 주소를 html에서 로딩한다.

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

 

 

2. 직접 다운로드 하는 방법

라이브러리 코드를 다운로드 받아서 파일을 프로젝트 폴더 내에 import 시키는 방법

-> 최신 라이브러리 교체의 어려움이 있음

 

3. NPM을 이용하는 방법

npm install 명령어로 외부 패키지를 프로젝트에 다운로드하여 의존성을 관리 한다.

$ npm install react

 

위 명령어 입력 시 최신 버전의 react를 프로젝트에 다운로드 한다.

 

다운로드 완료 시 package.json 의 dependenies 안에 다운로드 된 버전이 명시 된다. 

"dependencies": {
    "react": "^18.3.1"
  }

 

여기서 나오는 버전은

* Major Version : 기존 버전과 호환되지 않게 변경 한 경우 ex ) 18.3.1

* Minor Version : 기존 버전과 호환되면서 기능이 추가 된 경우 ex ) 18.3.1

* Patch Version : 기존 버전과 호환되면서 버그를 수정 한 경우 ex ) 18.3.1

 

캐럿(^) : 정식 버전에서 마이너와 패치 버전을 변경 한다.

^18.3.1은 19.0.0 미만 까지의 패치만 갱신한다는 의미

 

틸트(~) : 마이너 버전이 명시되어 있으면 패치 버전을 변경 한다.

~18.3.1일 경우 18.3.1 부터 18.4.0미만까지를 포함.

마이너 버전이 없으면 마이너 버전을 갱신 한다.