[리액트] npm과 yarn이란? 차이점 / 다운, 설치 / 리액트 앱 구동하기

npm이란?

- 노드 패키지 매니저라는 프로그램으로, 노자바스크립트 라이브러리 설치하고, 버전을 관리한다.

 

npm은 https://www.npmjs.com에서 node_modules라는 폴더에 라이브러리를 내려받아 저장하고, package.json이라는 파일에 설치된 라이브러리의 정보를 적어서 저장한다.

※ 라이브러리 명세를 적는 이유는 라이브러리의 용량이 크기때문에 명세를 통해서 다운받을 수 있도록 하기 위함

 

yarn은 npm의 동작방식과 비슷하고, 페이스북에서 npm의 단점을 보완하여 성능과 속도를 개선한 라이브러리 관리 도구이다.

 

1. NVM 설치(노트 버전 매니저 설치)

https://github.com/coreybutler/nvm-windows/releases

에서 nvm-setup.zip을 다운받아서 실행

 

명령프롬프트(cmd)를 열어서 코드 실행

nvm -v
// Running version 1.1.7.
nvm -install 10.10.0

nvm use 10.10.0
// Now using node 10.10.0 (64-bit)
node -v
// 10.10.0
npm -v

2. yarn 설치

https://classic.yarnpkg.com/en/docs/install#windows-stable

Yarn

에서 yarn다운받아서 실행

npm install -g yarn

yarn create react-app do-it-example --scripts-version 2.1.7

3. 리액트 앱 구동하기

cd do-it-example
yarn start