Node.js 설치, yarn 설치, react project 설치

1. nvm 이란

• nvm은 "Node Version Manager"의 약어
• Node Version Manager는 다양한 Node.js 버전을 관리하고 전환하는 도구
• nvm 설치 시, npm이 자동으로 등록

 

2. npm, yarn 이란

• 패키지 관리자 (homebrew 같은 역할 수행)
• 둘다 같은 역할이지만 여러블로그 분위기상 yarn이 조금더 보안과 속도 면에서 우위에 있다.
• npm은 nvm 설치시 자동으로 설치가 된다.
• node.js라는 환경에서 js라는 언어로 작업을 수행할 것인데 npm을 이용해서 이미 만들어진 package를 다운 받아서 조금 더 수월하게 작업을 하려는 목적

 

3. nvm 설치 및 관련 명령어

 

• nvm 설치

brew install nvm

 

• 모든 version nvm

nvm ls-remote

 

• 원하는 version nvm 설치

nvm install 18.17.1 # LTS

 

• nvm version 삭제

nvm uninstall v14.17.5

 

• node.js version (= nvm version 확인)

# 처음 brew install nvm 시, 최신 node.js 인 v20.6.0(default)로 설치됨
# 현재는 LTS version인, v18.17.1 로 사용 중
node -v

 

• default version으로 nvm 전환

nvm use default

 

• 다시, LTS version으로 돌아가기

nvm use 18.17.1

 

 

• 내 local의 설치된 nvm version 모두 보기

nvm ls

 

• default nvm version 변경하기

nvm alias default v18.17.1

 

• yarn 설치

npm install --global yarn

 

 

4. react-app 만들기

• yarn 방식

yarn create react-app hello-react 
# react-app   : 리액트 앱 관련 정보를 띄운다는 의미이고
# hello-react : project명

 

• npm 방식

npm init reat-app hello-react

 

 

• 서버 띄우기

yarn start

npm start