[React] 세팅

일단 npm으로 설치하는 경우가 일반적이니, node.js를 설치하여 npm과 node.js를 다운로드 받아주자.

 

프로젝트 폴더를 Shift+우클릭 하여 Powershell을 프로젝트 폴더에서 열어주자.

여기에 PowerShell 창 열기

npx create-react-app <프로젝트명>

을 입력하여 리액트를 세팅해주자. 세팅에 성공하면

시간이 오래 걸릴 수 있다. 만약 Powershell을 이용한 세팅이 처음이라면 붉은 글씨로 써져있는 오류가 무조건 날 것이다.

 

Window의 경우, 그냥 Powershell을 관리자 권한으로 실행시키고,

Set-ExecutionPolicy Unrestricted

을 입력한 뒤 y를 입력한다.

 

Mac의 경우는 생략한다.

---

이런 식으로 파일이 생성되었다면 성공이다. 터미널에서 npm start를 입력하여 미리보기를 할 수 있다. 리액트는 기본적으로 Live server를 지원한다

조금 시간이 걸릴 수 있다.

사이트와 서버는 자동으로 열어진다.

사이트가 이렇게 생겼다면 성공이다!