본문 바로가기

next+ts30

next+ts12일차 ref공부 데이터 삽입 유튜브:https://www.youtube.com/watch?v=YufxnsflJ5o 깃허브: https://github.com/qjawns0222/caremaker/tree/next+ts12%EC%9D%BC%EC%B0%A8 오늘은 ref 공부와 id페이지에 데이터를 삽입했습니다. 우선 ref 와 usestate중 ref를쓰기로했어요 usestate는 리렌더링하는거고 ref는 데이터만 변경하는거라고 해서 ref가 좋을거 같아요 그리고 두개의 차이는 정확히 한번 더봐야될거 같아요 import { GetServerSideProps, NextPage } from "next"; import { useRouter } from "next/router"; import { da, js } from "../../../t.. 2022. 4. 24.
next+ts 11일차 redux 에러수정 유튜브:https://www.youtube.com/watch?v=N3iPPZQ1XrA 깃허브: https://github.com/qjawns0222/caremaker/tree/next+ts11%EC%9D%BC%EC%B0%A8 오늘은 reduxerror수정과 reduxt기본 데이터를 api로 가져와서 해볼려고했는데 이건 의미가 없더라고요 우선 redux에서 await로 데이터 가져오고 전달하면 그대로 전달될줄 알았는데 promise객체 형태로 전달ㄷ뢰서 꺼낼수가 없어요.... 꺼낼려면 해당 공간에서 또 await써서 usestate로 변수에 저장해주고 해야되는데 이럴꺼면 그냥 바로 그공간에서 api에서 데이터 가져오는게 좋을거 같더라고요 . 그래서 깔끔하게 포기 어제 이렇게 두군대에서 같은데에서 오류가 난.. 2022. 4. 23.
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.