[React] 5분 안에 React.js로 Hello world 띄우기

Step 1. npm(Node Package Manager) 명령어를 사용하기 위한 Node.js 설치

아래의 페이지로 이동해서 LTS(Long Term Support, 장기 지원) 버전을 다운받아서 설치합니다.

nodejs.org/ko/download/

다운로드 | Node.js

 

Window Power shell 로 아래의 명령어를 통해 npm 이 제대로 설치되어있는지 확인합니다.

 

> node -v
v14.16.0

 

Step 2. React App을 생성하기 (Create React App(CRA) 실행)

프로젝트 폴더를 생성하려는 위치로 가서 아래의 명령어를 실행합니다.

> npx create-react-app my-app

 

Step 3. Client Server 실행하기.

> cd my-app
> npm start

 

Step 4. 확인하기

http://localhost:3000/ 로 접속하여 확인.

 

 

 

 

참고

- 누구나 쉽게 따라하는 React, Spring 연동하기 1

joshua-dev-story.blogspot.com/2020/01/react-spring.html

- Create React App

ko.reactjs.org/docs/create-a-new-react-app.html#create-react-app