아는게1도없다

index.html index.js import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import App from './App'; import {createStore} from 'redux'; import rootReducer from './Reducers'; const store = createStore(rootReducer); ReactDOM.render( //provider 를 사용하여 react-redux 연동 , document.getElementById('root') ); /* app.js 호출 */ //reportWebVitals(); // If you want ..

# index.html => index.js document.getElementById('root') store 데이터 저장 = createStore Reducers의 index.js에 상태값 저장 app.js (겉 껍데기) 호출 화면을 component로 section을 나눠서 생성 return() 문 안에서 html 작성해서 화면에 뿌려줌

* React 클래스 안에서 return 된 html 코드를 render() 함수를 사용해 화면에 표시 # 리액트 생명주기 Component 별로 관리 - 생성/변경/소멸 생성 1. render() : return 되는 html 형식의 코드를 화면에 그려주는 함수 화면 내용이 변경되어야 할 시점에 자동으로 호출된다 2. constructor(props) : 생명주기함수 중 가장먼저 실행됨. 처음 한번만 호출 component 내부에서 사용하는 변수(state)를 선언하고 부모객체에서 전달받은 변수(props)를 초기화 할 때 사용 super(props) 가장 위에 호출 3. static getDerivedStateFromProps(props, state) 새로운 props를 받게 되면 state를 변경해..

React 설치 1. node.js 설치 다운로드 및 설치 후 버전 확인 node -v / npm -v 2. react 프로젝트를 사용 할 폴더 생성 cmd 에서 폴더로 이동(workspace) yarn 설치 install - yarn / upgrade yarn 버전 확인 yarn -v 3. react 설치 create-react-app (생성 할 프로젝트 이름) 4. 서버 실행 yarn start * react impor받은 프로젝트 실행 안되는 경우 node_modules 있는지 확인