기록

1. redux dependencies 다운로드 redux react-redux redux-promise, redux-thunk : store에서 객체형식의 action만 받는데 promise, function 형식으로 오면 받을 수가 없는데 각각 이를 받는 방법을 알려주는 역할 2. app에 redux를 연결 (밑에 설명 및 reducer코드 있음.) client > index.js import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { Provider..

1. 개념 Redux : 상태관리 라이브러리, state를 이용해 웹 사이트 혹은 애플리케이션의 상태 관리를 해줄 목적으로 사용. Props 1. porperties의 줄임말 2. 부모 컴포넌트에서 자식 컴포넌트한테 보낼 수 있음. 3. immutable 변할수 x (바뀌려면 다시 부모에서 자식에게 props를 덮어씌워야함) State 1. 컴포넌트안에서 데이터를 전달 2. mutable 3. state가 변하면 re-render 된다. 2. 사용 이유 리액트 프로젝트에서는 대부분의 작업을 할 때 부모 컴포넌트가 중간자 역할을 한다. (ref 를 사용해서 포넌트 끼리 직접 소통 하는 방법은 있긴 하지만, 그렇게 하면 코드가 굉장히 많이 꼬여버리기 때문에 권장하지 않는 방식임.) Redux를 사용하면 상태..