Redux12 React24일차-redux-saga 어제는 결국 못찾고 잠들었습니다.....ㅎㅎ 그래서 오늘은 새로운 saga를 들고 왓습니다. 이어서 하던 폴더에서 코드로 열어주시고 npm i redux-saga 해주세요 store.js 가서 import { applyMiddleware, createStore } from "redux"; import promise from "redux-promise-middleware"; import thunk from "redux-thunk"; import fileReducer from "./modules/reducer"; import { composeWithDevTools } from "redux-devtools-extension"; import createSagaMiddleware from "@redux-saga/.. 2022. 2. 13. React21일차-Redux추가 저번게시물에 완성했던것을 코드로 열어주시고 npm start 해주세요 ㅎㅎ redux 폴더에 user.js 추가 user.js 에 import { DATA } from "./action"; export default function User(state = { data: [] }, action) { if (action.type === DATA) { return { ...state, data: action.data }; } return state; } 작성 data라는 배열을 가지는 객체를 만들고 DATA라는 type이 들어오면 data에 추가 해주겠다는 의미입니다. action.js에 export const DATA = "DATA"; export function indata(data) { return { .. 2022. 2. 10. React20일차-Redux를 react와 연결 저번에 했던 폴더를 열고 코드 열고 npm start index.js를 import React from "react"; import ReactDOM from "react-dom"; import "./index.css"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import store from "./redux/store"; ReactDOM.render( , document.getElementById("root") ); // If you want to start measuring performance in your app, pass a function // to log results (for example: repor.. 2022. 2. 9. React19일차-Redux 오늘은 Redux에 대해서 알아보겠습니다. redux는 우리가 props를 전달 하거나 다른곳에서 데이터를 끓어서 가져올때 써야 할게 많잖아요??그걸 단순하게 해주는 거라고 생각하시면되요 즉 한번만 작성하면 어디서든 쓸수 있는 것들이죠 지역변수=props ,전역변수=redux 이렇게 이해해도 좋을거 같아요 그럼 npx creat-react-app 으로 해주시고 터미널 열어주세요 그리고 npm i redux 를 redux 설치해주세요 src/redux 폴더 만들어주시고 action.js reducer.js store.js 이렇게 만들어 줄께요 actions는 행동을 해서 정제되지 않은 데이터를 만들어 주는곳 이라고 생각하시면 되고 reducer는 action에서 데이터를 가져와서 정제된 데이터를 만들어 주.. 2022. 2. 8. 이전 1 2 3 다음
