본문 바로가기

next+ts30

next+ts 폼관련 페이지 전체 코드 둘러보기(Component+container) component import { GetServerSideProps, NextPage } from "next"; import { useRouter } from "next/router"; import { CounterState } from "../../../store/types/state"; import { da, js } from "../../../type"; const Firstid = ({ main, update, }: { main: CounterState; update: () => void; }) => { const { query } = useRouter(); const id = query.id; return ( {main.data.map((res: da, index: number) => { if .. 2022. 5. 3.
next+ts 업데이터 페이지 전체 코드 둘러보기 (Component+container) component import { RefObject } from "react"; import { CounterState } from "../../../../store/types/state"; import { da } from "../../../../type"; const Modify = ({ titleref, dateref, timeref, addressref, contentref, tagsref, finish, reset, main, id, }: { titleref: RefObject; dateref: RefObject; timeref: RefObject; addressref: RefObject; contentref: RefObject; tagsref: RefObject; finish: () => vo.. 2022. 5. 2.
next+ts18일차 link연결 +redux에서 route사용 오늘 드디어 완성입니다. 일단 반응형은 덜하긴했는데 대충 기능은 다완성했습니다. 각각 이렇게 넣어서 수정 버튼으로 가야될곳에 넣어 줬습니다. container 부분에서 router를 받아서 변수에 담은 다음 dispatch할때 같이 넘겨줬습니다. 이렇게 매겨변수와 타입을 추가로 지정해주고 이렇게 받은 매개 변수를 사용해서 push해줬습니다. 이제 로그인하고 나면 바로 메인화면으로 넘어갑니다. 오늘부러 끝나고 조금 기간을두고 전체적인 코드 해설을 한번해보겠습니다. 2022. 4. 30.
next+ts17일차 update 페이지 유튜브:https://www.youtube.com/watch?v=349WiH4V1XE 깃허브:https://github.com/qjawns0222/caremaker/tree/next+ts-17%EC%9D%BC%EC%B0%A8 오늘은 update페이지를 만들었습니다. 일단 firstform/index 기준으로 다 복붙하고 변한 부분 위주로 설명하겠습니다. 이런식으로 페이지 구성해주세요 import { useRouter } from "next/router"; import { useEffect, useRef, useState } from "react"; import { useDispatch } from "react-redux"; import { useSelector } from "react-redux"; im.. 2022. 4. 29.

티스토리툴바