1. REACT 개발환경 셋팅, 설치

React를 사용하는 이유

1. Single Page Application 만들때 사용

 => Javascript로 사용시 코드가 길고 복잡

2. Html 재사용이 편리

3. 같은 문법으로 앱개발 가능 ( ReactNative )

 

 

개발환경 셋팅

 

1. Node.js 설치

https://nodejs.org/ko

Node.js

 

2. 프로잭트 생성

   - 작업용 폴더 생성 후 shift + 우클릭 , PowerShell/터미널 열기 누름

npx create-react-app 파일이름

 

리액트 프로젝트 생성 완료된 화면

3. 미리보기

터미널에서 npm start 입력

미리보기 화면

프로젝트 파일
node_modules폴더 : 라이브러리 코드 보관함
public 폴더 : static파일들을 모아놓은 것
src 폴더 : 코드를 짜는 곳
    - App.js 
package.json  : 프로젝트 정보 ( 여러 라이브러리 명 등 )