목록React/라이브러리 (17)
모든 일에 의문을 제기하고 그 의문을 해결하기 위해 지식을 구하고 공부
Redux import 더보기 import React from 'react' import ReactDOM from 'react-dom' import {Provider} from 'react-redux' : 어플리케이션과 redux를 연결시킴 import {applyMiddleware} from 'redux' :store에 미들웨어를 적용시킴 import {createStore} from 'redux' : 스토어 생성 import promiseMiddleware from 'redux-promise' import {combineReducers} from 'redux' : 여러개의 reducer를 하나로 묶음 import { useState } from 'react' : state 관리 hook tool을 불..
// clinet/src/index.js import {Provider} from 'react-redux'; // 어플REDUX 연결 >> 아래에서 Provider로 App 감싸주기 import {applyMiddleware, createStore} from 'redux'; // STORE 미들웨어 연결 import promiseMiddleware from 'redux-promise'; import ReduxThunk from 'redux-thunk'; import Reducer from './_reducers'; const createStoreWithMiddleware=applyMiddleware(promiseMiddleware, ReduxThunk)(createStore) //스토어에서 promise..

1. Redux 란? Redux : a predictable state container for JavaScript apps. 상태 관리 라이브러리 React에는 대표적으로 >> Props vs State 개념이 있다. -Props 1) properties의 줄임말로 2) 컴포넌트 간(부모, 자식, 형제 등)에 소통할 때 Props가 있어야 한다. 3) 소통 방식 : 상하 : (부모자식 간에만 주고받을 수 있다.) 4) 부모 comp에서 설정하면 상속된 자식 compo에서 props의 설정을 바꿀 수 없다. -State 1) State으로 component 안에서 데이터를 전달한다. (부모, 자식 상관x, 전역) 2) 그냥 안에서 설정, 상태를 변경할 수 있다. 3) state이 변하면 re-render..
React 라이브러리 설치 npx create-react-app . npm vs npx npm은 node package manager npx는 한마디로 npm에서 업그레이드된 것. 원래는 컴퓨터에 저장(global)해서 사용했는데, 굳이 다운 받지 않고도 사용 가능. node 라이브러리를 설치 or 설치하지않고 실행만 시킬수도 React Router DOM react-router란? 클라이언트 사이드에서 주소값의 변경에 따라 페이지 or 컴포넌트의 변화를 제공하는 라이브러리 router vs router-dom react-router :코어까지 들어있는 라이브러리 / react-router-dom : DOM이 인식할 수 있는 것들만 있음 react-router = react-router-dom(웹에 쓰이..