[React] 리액트 - 환경설정(create-react-app)

React 의 기본 환경설정을 해보자.

1. node.js 설치

node.js 사이트에서 다운로드 LTS 또는 현재버전 크게 상관은 없다.

https://nodejs.org/en/download

Node.js — Download Node.js®

 

node.js 사이트에 node.js 사이트에서 다운로드 LTS 또는 현재버전 크게 상관 없음. 서 다운로드 LTS 또는 현재버전 크게 상관 없음.

 

2. VS code

vscode가 설치되어 있지 않다면 설치해야 한다.https://code.visualstudio.com/Download

Download Visual Studio Code - Mac, Linux, Windows

2-1. 프로젝트 폴더 생성

2-2. React 애플리케이션을 생성하는 명령

.은 현재 디렉토리 의미함.

npx create-react-app .

세팅이 완료 되면 프로젝트 폴더 내에 작업할 수 있는 환경이 만들어진다.

완료되면 터미널엔 명령어 등 설명이 나온다.

 

2-3. 테스트 실행하기

리액트 개발환경이 실행되며 코딩을 할 수 있는 환경이 동작하기 시작한다.

npm start

위에 포트번호 3000번인 localhost 샘플페이지가 자동으로 브라우저에서 열린다.