리액트 react 개발환경 기본 세팅

1. node.js 환경이 필요 -> node.js 설치

LTS -> 안정화 버전 | Current -> 현재버전

 

1-1. WINDOW 환경 설치 확인

win+r -> cmd -> node -v, npm -v (버전이 나올시 node.js와 npm이 정상적으로 설치된것)

 

 

1-2. MAC 환경 세팅 설치 확인

spotlight search -> terminal -> node -v, npm -v (버전이 나올시 node.js와 npm이 정상적으로 설치된것)

 

2. create react app 설치

2-1. npm을 이용한 설치

cmd, terminal 실행

npm install -g create-react-app

 

권한이 없어서 실패할 경우 에러 -> eacces

sudo npm install -g create-react-app

 

설치 확인 -> create-react-app -V

 

2-2. npx를 이용한 설치(권장 방법)

npx create-react-app .

한 번만 사용하고 지우는 방법, 장점으로 컴퓨터의 공간 낭비X 실행 할 때 마다 새로 다운로드를 하기 때문에 최신버전 유지가능

 

3. 해당 공간에 리액트 개발환경세팅

cmd, terminal 실행

세팅할 폴더 생성

 

4. vscode 에서 샘플 웹앱 실행

terminal -> create-react-app 설치 경로 -> npm run start

종료 ^c