React 시작 및 세팅

1.node.js설치부터 해준다.

https://nodejs.org/ko/

Node.js

당연히 LTS버전, 요약하자면 안정화가 완료된 버전이다.

 

2.visual studio cde 설치한다.

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

3.작업할 폴더 아무곳이나 만든다.

그곳에서 vscode를 열어주고 시작한다.

 

4.vscode 터미널에서 명령어 입력해준다.

 

-> npx create-react-app 프로젝트임

ex) npx create-react-app blog

 

---

 

---

설치완료

 

명령어 -> npm start라고 하면

 

이와같은 페이지가뜬다. 시작해보자.

 

App.js -> index.html 에 넣어서 보는것이다.

 

src폴더에 App.js를 메인으로 수정할것임.

 

node-modules : 그냥 노드 라이브러리 보관함

public : static 파일 보관함

src : 소스코드 보관함

package.json:설치한 라이브러리 목록 쭉 나온다.