본문 바로가기
부트캠프 개발일지 2023-2024/React 리액트

[5주차] 리액트입문: 개발환경세팅(node, npm, yarn)

by whereanna00 2023. 10. 31.

개발환경세팅

 

  1. 크롬 브라우저 설치
  2. VS Code tjfcl
  3. git 설치
  4. Node 설치
  5. yarn 설치

Node.js 

LTS 버전을 설치하기. LTS 버전은 짝수번호 버전으로 좀 더 안정적이고 신뢰도가 높은 버전이다. 

 

  • 맥북-터미널에서 노드설치가 되었는지 확인하기
node -v

v16.x.x ~ (숫자는 다를 수 있음)로 나오면 설치완료된 거다.

 


yarn 설치

Node를 설치하면 자동적으로 npm(Node Package Manager)가 생기게 되는데 기능적으로 좀 더 개선된 yarn을 설치한다.

  • 맥북-터미널
npm install -g yarn

 

 

만약 에러가 뜬다면?

 

  • yarn 설치 에러 해결방법 ( sudo npm install -g yarn 입력하기 -> 노트북 비밀번호 입력 -> 완료 )
 

[mac]npm install -g yarn 설치 시 Error

user@user-ui-MacBookPro ~ % npm install -g yarn npm ERR! code EACCES npm ERR! syscall mkdir npm ERR! path /usr/local/lib/node_modules/yarn npm ERR! errno -13 npm ERR! Error: EACCES: permission denied, mkdir '/usr/local/lib/node_modules/yarn' npm ERR! [Erro

devmango.tistory.com

// mac의 terminal

-MacBookAir ~ % sudo npm install -g yarn
Password:

added 1 package in 1s
ihamin@ihamin-ui-MacBookAir ~ % yarn -v
1.22.19
ihamin@ihamin-ui-MacBookAir ~ %

 

  • yarn 설치확인하기
yarn -v

 

 


 

npm vs yarn 명령어

 

728x90
반응형