⚛️ React

2. 리액트 개발 환경 설치하기

복숭아아이스티에샷추가 2024. 1. 10. 23:00

 

1. 아래 주소에서 NVM 설치한다.

 

Releases · coreybutler/nvm-windows

A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows

github.com

 

2.  NVM 으로 Node.js 를 설치한다.

nvm install 8.10.0

*최신 버전이 아닌 8버전을 설치해야한다.*

-> 현재 현업에서 가장 많이 사용하는 Node.js 버전이 8이기 때문이다.

 

node.js  버전을 확인하고 싶으면

node -v

 

npm 버전을 확인하고 싶으면

npm -v

 

3. yarn, create-react-app 설치하기

 

 

Yarn

Fast, reliable, and secure dependency management.

classic.yarnpkg.com

위 주소에서 yarn 을 설치 한 뒤,

 

# yarn 설치
npm install -g yarn

# create-react-app 설치
yarn global add create-react-app

# 리액트 앱 생성하기
yarn create react-app 생성할리액트앱이름

# 리액트 앱 구동하기
cd 생성한리액트앱이름
yarn start

 

이 창이 뜨면 성공