next+ts30 next+ts 마이페이지 전체 코드 둘러보기(Component+container) /component import Link from "next/link"; import { MouseEvent } from "react"; import { CounterState } from "../store/types/state"; import { da } from "../type"; const MyPage = ({ main, del, update, }: { main: CounterState; del: (e: EventTarget) => void; update: (e: EventTarget) => void; }) => { const Delete = (e: React.MouseEvent) => { del(e.target); }; const updatepage = (e: React.MouseEvent) =>.. 2022. 5. 7. next+ts 로그인 페이지 전체 코드 둘러보기(Component+container) component import { RefObject } from "react"; import { useSelector } from "react-redux"; import { useDispatch } from "react-redux"; import { CounterState, RootState } from "../store/types/state"; const Login = ({ idref, passwordref, login, }: { idref: RefObject; passwordref: RefObject; login: () => void; }) => { return ( 로그인 해주세요 아이디: 비밀번호: 로그인 ); }; export default Login; container import { useRo.. 2022. 5. 4. next+ts 기본 페이지 전체 코드 둘러보기(Component+container) component import type { NextPage } from "next"; import Image from "next/image"; import data from "../carddata.json"; const Home: NextPage = () => { return ( 모바일 초대장 약속 내용을 단순하게 한번의 링크로 정리해 드립니다 ); }; export default Home; container import { NextPage } from "next"; import Home from "../components"; const indexContainer: NextPage = () => { return ( ); }; export default indexContainer; 이부분도 css가 위주라.. 2022. 5. 4. next+ts 폼선택 페이지 전체 코드 둘러보기(Component+container) component import { NextPage } from "next"; import Image from "next/image"; import Link from "next/link"; const make: NextPage = () => { return ( 원하는 양식을 선택해주세요 친구 약속 만들기 친구와 간단한 약속 설명보다는 한번의 링크로 해결하세요 친구 약속 만들기 친구와 간단한 약속 설명보다는 한번의 링크로 해결하세요 친구 약속 만들기 친구와 간단한 약속 설명보다는 한번의 링크로 해결하세요 친구 약속 만들기 친구와 간단한 약속 설명보다는 한번의 링크로 해결하세요 친구 약속 만들기 친구와 간단한 약속 설명보다는 한번의 링크로 해결하세요 친구 약속 만들기 친구와 간단한 약속 설명보다는 한번의 링크.. 2022. 5. 4. 이전 1 2 3 4 5 ··· 8 다음