[React] 리액트 설치 방법과 개발 환경 세팅하기

 

1. node.js 를 깔아준다.

https://nodejs.org/ko/

Node.js

 

2. Visual Studio Code를 깔아준다.

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

3. React를 설치할 파일을 하나 만들어준 뒤, CMD창으로 들어간다.

 

4. 만들어준 경로로 들어온 후 cmd창에 npx create-react-app 파일명 을 타이핑한다.

맨 밑 하단에 Happy hacking!이 뜨면 성공적으로 설치가 완료 된 것이다.

 

5. 프로젝트 파일을 열어서 src -> App.js로 들어간다. 

 

 

6. div 파일안에 있는 내용을 모두 지운 후 HTML과 같이 사용할 수 있다.

이후 터미널로 들어가 npm run strat를 친다.

 

설치가 안될때

npx create-react-app 프로젝트명

해서 에러가 난다면 아래와 같이 시도해볼 수 있다.

 

npm install create-react-app 으로 먼저 설치를 한 후

npx create-react-app 프로젝트 명을 하자,