[React] react 환경설정

1. node.js 설치

webpack, babel이 node.js를 사용하기 때문에 직접적인 사용이 없더라도 react를 사용하기 위해선 react를 설치해줘야 합니다.

 

window의 경우, 노드 공식 홈페이지 (https://nodejs.org/ko/)에서 node.js를 설치합니다.

macOS, Linux의 경우, nvm을 통해 node.js를 설치합니다.

 

nvm은 node version manager로, 여러 종류의 node.js 버전을 쉽게 설치할 수 있게 해줍니다.

nvm을 사용하여 node.js를 설치하면 나중에 새로운 버전이 나왔을 때 업데이트하기도 쉽고, 터미널을 통해 어떤 버전을 사용할 지 설정도 할 수 있습니다.

 

2.(macOS) homebrew 설치

macOS는 nvm을 설치하기전 homebrew(https://brew.sh/index_ko)를 설치해줍니다.

homebrew는 macOS에 특화된 패키지 관리자입니다.

M1일 경우, homebrew 설치 참고 ⬇️

ㅁhttps://mygoodplace.tistory.com/6

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

 

3. homebrew로 node 설치 

brew install node

 

4. node와 npm 버전 확인

npm은 node package manager입니다.

node -v 
npm -v

 

5. homewbrew로 yarn 설치

brew install yarn --ignore-dependencies

--ignore-dependencies는 node.js를 이미 설치했으므로 node.js를 제외하고 설치하기 위한 옵션입니다.

brew install yarn --without-node 이 명령어는 더 이상 사용하지 않습니다.

 

6. yarn 버전 확인

yarn -v

 

기타

1. homebrew 최신 버전 업데이트

brew update

2. node 및 yarn 버전 업데이트 

brew upgrade node
brew upgrade yarn