1. 리액트의 특징

• Virtual DOM

• 리액트는 프레임워크가 아니라 라이브러리 - View만 담당한다. 다른 웹 프레임워크가 Ajax, 데이터 모델링, 라우팅 등과 같은 기능을 내장하고 있지만, 리액트는 정말 뷰만 신경쓰는 라이브러리이므로 기타 기능은 직접 구현하여 사용해야 한다.
  
  

2. 작업 환경 설정

• Node.js 설치 - npm이 함께 설치된다.

• yarn 설치 - npm을 대체할 수 있는 도구. npm보다 더 빠르고 효율적인 캐시 시스템과 기타 부가 기능을 제공한다.

• 에디터 설치
  
  

3. 프로젝트 생성하기

$ yarn create react-app [프로젝트 이름]
$ yarn create react-app hello-react

hello-raect라는 프로젝트를 만든다.

4. 프로젝트 실행하기

$ cd [프로젝트 이름]
$ yarn start // 서버 실행

http://localhost:3000/
들어가면 서버가 실행된다.

공식문서 링크