Redux12 next+ts15일차 Saga Login페이지 유튜브: https://www.youtube.com/watch?v=7yLiEJ9MXlw 깃허브: https://github.com/qjawns0222/caremaker/tree/next+ts-15%EC%9D%BC%EC%B0%A8-Saga-login 오늘은 Login페이지 만들고 Saga랑 createstore 대신 configureStore을 사용했습니다. action actiontypes reducers/loginsaga /reducer/Sagas/index Saga관련 함수들은 function*로 해주어야됩니다. Login을 호출하면 type으로 Login_PENDING으로 넘겨주고 그걸로 인해서 관련된 action 이 실행되고 takeLatest로묶어준 checklogin으로 넘어가게 됩니다. 그리.. 2022. 4. 27. next+ts13일차 ref를 이용한 데이터 삽입 container/form/firstform/index.tsx import { useRef } from "react"; import { useSelector } from "react-redux"; import { useDispatch } from "react-redux"; import Index from "../../../components/form/firstform/index"; import { dataadd } from "../../../store/actions/action"; import { RootState } from "../../../store/reducers"; import { CounterState } from "../../../store/types/state"; import { da } .. 2022. 4. 25. next+ts 10일차 redux 유튜브: https://www.youtube.com/watch?v=ZaHOBXQ1I_c 깃허브:https://github.com/qjawns0222/caremaker/tree/next+ts10%EC%9D%BC%EC%B0%A8 오늘은 redux를 적용해봤습니다. store/reduxer/data import { ActionProps, CounterState } from "../types/state"; const initialState: CounterState = { data: [ { idx: "1", currentform: "first", maker: "admin", text: { title: "노래방", date: "2022.04.17", time: "12.14", address: "경북 구미시", co.. 2022. 4. 22. next+ts9일차 json성공 및 redux 유튜브: https://www.youtube.com/watch?v=TpVZjjAO3XE 깃허브:https://github.com/qjawns0222/caremaker/tree/next+ts9%EC%9D%BC%EC%B0%A8 import axios from "axios"; import { GetServerSideProps } from "next"; import { AppProps } from "next/app"; import React, { useEffect, useState } from "react"; import NavContainer from "../containers/navcontainer"; import num from "../data"; const App = ({ Component, pagePr.. 2022. 4. 21. 이전 1 2 3 다음
