React 시작하기

개발환경 설정

NVM 다운로드 및 설치

NVM = Node Version Manager

1. NVM 다운로드 접속

2. 최신 버전 nvm-setup.zip 파일 다운로드

3. 설치 진행

nvm version

 

Node.js 설치

최신버전 설치

nvm install latest

특정 버전 설치

nvm install 버전이름

설치 버전 확인 

nvm ls
node -v // 노드 버전 확인
npm -v // npm 버전 확인

특정 버전 사용

nvm use 버전

 

 

Yarn 설치

• npm 단점을 보완하여 성능/속도 개선한 것
• Yarn 다운로드 접속

설치 버전 확인

yarn -v

 

 

CRA (Create-React-App)

• 리액트 프로젝트 시작 시 필요한 개발 환경 세팅 도구

리액트 앱 생성

yarn create react-app 프로젝트명

리액트 앱 시작

yarn start

 

 

Reference

• https://reactjs.org/
• https://developer.mozilla.org/ko/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/React_getting_started
• https://react.vlpt.us/basic/02-prepare.html