React.js 기본 사용법(1) - 설치 및 실행

이번 포스트에서는 React.js를 설치하는 방법을 알아본다.

 

1. Node.js 와 npm 설치

React.js는 npm으로 설치된다. 따라서, Node.js와 npm 설치가 필수다.

아래 링크를 참고하면 설치할 수 있다.

https://hbc3869.tistory.com/6?category=923571 

Node.js 환경구성

 

2. Create React App

$> npx create-react-app react-example

create-react-app을 실행하면 아래와 같이 React.js의 프로젝트가 생성되는 것을 볼 수 있다.

package.json을 살펴보면 아래와 같이 네 개의 명령어가 있다.

 

3. 실행

$> npm run start

실행하고 브라우저에서 localhost:3000으로 접속해보면 아래와 같은 화면이 뜨는 것을 확인할 수 있다.

 

---

 

다음 포스트에서는 Component와 props에 대해 알아본다.