[0. 환경설정] 리액트 환경 설정

• 자바 version 17
• npm version 11.3.0
  • 기존에 설치되어 있어서 버전을 변경해줬다.

 

npm install -g npm@11.3.0

 

• 리액트를 설치하려니까 nvm 설치가 안되어 있어서 nvm 부터 터미널 열었을 때의 기본 경로에 설치

brew install nvm

nano ~/.zshrc

(환경 변수 추가 - nano)
export NVM_DIR="$HOME/.nvm"
[ -s "/opt/homebrew/opt/nvm/nvm.sh" ] && \. "/opt/homebrew/opt/nvm/nvm.sh"
[ -s "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm" ] && \. "/opt/homebrew/opt/nvm/etc/bash_completion.d/nvm"

source ~/.zshrc

nvm --version

 

• React 19.1.0 설치
  • npm install react@19.1.0 react-dom@19.1.0 
• Node.js 22.15.0
  • nvm install 22.15.0
  • nvm use 22.15.0

 

하고 VS code 터미널에서

npm start

를 하면 정상 실행