React58 React23일차- 오늘은 쉬어가세요 ㅎㅎ react router dom v6로 업데이트 되면서 안되는게 있더군요 저는 몇시간재 하고 있지만 더찾아 보겠습니다.... 그래도 한번 될때까지 찾아보고 안되면 다른 방법을로 하거나 저만 버전낮추고 설명만 하겠습니다. 주말 잘보내세요 2022. 2. 12. React22일차-promise and redux dev tools 저번 게시물 폴더 열어서 코드 열어주고 npm i redux-devtools-extension -D npm i redux-promise-middleware 이렇게 두개를 설치해주고 https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd/related?hl=ko Redux DevTools Redux DevTools for debugging application's state changes. chrome.google.com 여기로 이동해서 이것도 다운 해주자 dev tools는 우리가 콘솔로그 찍어서 확인하던것들을 확인하기 쉽게 도와주는 틀이라고 생각하면 좋다. 그리고 promise는 async 비동기 .. 2022. 2. 11. React22일차-Duckspattern 오늘은 Ducks Pattern 에 대해서 알아보겠습니다. 이것은 훅도 아니고 API도 아니고 꼭 지켜야 하는건 아니지만 개발하던 사람들이 이렇게 하면 편하더라 라고 하는 것입니다. 그럼 우리가 만듯것을 Ducks Pattern에 맞게 바꺼보겠습니다. src/redux/modules폴더를 만들고 안에 add1,add2,reducer,user 4개의 파일을 옮겨주세요 add1.js const ADD = "ADD"; const SUB = "SUB"; export function add(index) { return { type: ADD, index, }; } export function subn(index) { return { type: SUB, index, }; } export default function.. 2022. 2. 11. React21일차-middleware 저번게시물 폴더를 다시열어주시고 npm start 해주시고 콘솔창열어주세요 redux/store.js import { applyMiddleware, createStore } from "redux"; import fileReducer from "./reducer"; function middleware1(store) { console.log("1-1"); return (next) => { console.log("1-2"); return (action) => { console.log("1-3", next); const returnvalue = next(action); console.log("1-4"); return returnvalue; }; }; } function middleware2(store) { co.. 2022. 2. 10. 이전 1 2 3 4 5 6 7 8 ··· 15 다음
