리액트 React 프로젝트 생성, 개발환경 셋팅

1. IDE 설치

우선 React는 Node.js 기반이기 때문에 Node JS를 설치해야함

구글에 Node JS 검색 후 설치 혹은 아래 사이트에서 설치

https://nodejs.org/ko

Node.js

 

2. IDE 설치

이 글에서는 VSCode를 사용함

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

 

3. 프로젝트 생성

작업 폴더 만들고 

1. os 터미널에서 해당 폴더로 접근

cd [작업 폴더 안에 생긴 프로젝트 경로]

2. nodeJS 명령어로 React 프로젝트 생성

npx create-react-app [프로젝트명 작명하셈]

2-1. 윈도우의 경우 허가되지 않은 스크립트 어쩌구 뜰 때 있음

PowerShell 관리자권한으로 열고

Set-ExecutionPolicy Unrestricted

입력 후 y 입력

 

2-2. Mac의 경우 Permission 어쩌구 하는 에러 뜰 때 있음

sudo npx create-react-app blog

로 대체하여 입력

 

4. 코딩은 어따 하나요

만들어진 폴더 안에 src 폴더 안에 App.js 안에다가 코딩하면 됨

 

5. 프로젝트 미리보기 띄우기

해당 프로젝트 폴더 경로로 이동 후 

npm start

그럼 미리보기 잘 뜸