[React] React로 웹 개발 환경 설정

React?

Web Frame Work 중 하나

Javascript Library 중 하나로, 사용자 interface를 만들기 위해 사용 됨.

페이스북에서 제공해주는 FrontEnd Library

 

 

# React 특징

1. Data Flow
2. Component 기반 구조
3. Virtual Dom
4. Props and State
5. JSX

 

 

1. node JS 설치

- nodeJS 페이지에 들어가 nodeJS를 설치 한다.

 

 

- node -v 를 통해 본인이 설치한 nodejs 버전 확인

 

 

 

 

2.  만들고자 하는 웹이 위치해야하는 Directory 만들기

 

 

3. 위 디렉토리로 이동 후, npm 설치

 

 

- 위 명령어가 오류가 생긴다면,

 

- 다음과 같은 명령어로 설치. => 설치가 완성되면 node_modules 파일이 생겼을 것!