본문 바로가기

React

React 환경설정

React 실행 시키기 전 설치 해야 할 것

 

1. visual code 설치

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

2. node.js 설치

https://nodejs.org/en/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

 

 

Visual code를 실행 시켜 

새로운 폴더 지정

 

 

react-app 폴더 생성

 

 

폴더 지정해서 실행

터미널 실행

 

npx create-reach-app .

입력   

(. 주의)

.  : 현재 디렉토리를 의미

 

 

 

 

npm start

Server 시작

 

 

입력하고 기다리면 리액트 화면이 출력