본문 바로가기

React를 같이 배워보자58

React 마지막 간단한 프로젝트 4일차- 회원 가입/마지막 React 완성본:https://github.com/qjawns0222/hompage.git 오늘은 마지막으로 회원가입을 만들어 보겠습니다. 그럼 프로젝트 열어주시고 component/create.jsx pages/create.jsx container/createcontainer.jsx이렇게 3가지를 만들어주세요 pages/create.jsx import React from "react"; import Createcontainer from "../container/Createcontainer"; export default function Create() { return ; } 딱히 기존가 특별히 다른건 없습니다. component/create.jsx import React from "react"; import { .. 2022. 3. 7.
React 마지막 간단한 프로젝트 3일차- 로그인 활용 기능 완성본:https://github.com/qjawns0222/hompage.git 우선 프로젝트여시고 Component/menu.jsx import React from "react"; import Form from "./Form"; import style from "./css/Menu.module.css"; export default function Menu({ gimbab, odeng, addition, gimminus, gimplus, odengminus, odengplus, odengchange, gimchange, additionchange, addorder, value, }) { return ( 김밥 2000원 - + 오뎅 500원 - + 요청 사항 주문 ); } 이부분을 보시면 저장소의 aut.. 2022. 3. 6.
React 마지막 간단한 프로젝트 3일차- 로그인 완성본:https://github.com/qjawns0222/hompage.git 드디어 JSP하고 시간짜내면서 한다고 드디어 완성햇습니다. 우선 프로젝트 열어주시고 우선 데이터를 넣어주기위해 로그인데이터가 들어갈수 있도록 하겠습니다. src/context/item.js const item = { data: [ { id: 0, gim: 2, odeng: 0, addition: "ㅇㅁㄴㅇㅇㄴㅇㅁㄴㅇㅁㄴㅇㄴㅁㅇ", summary: "ㅇㅁㄴㅇㅇㄴㅇㅁㄴㅇㅁ....", date: "14:27", user: "qjawns0222", }, { id: 1, gim: 2, odeng: 0, addition: "ㅇㅁㄴㅇㅇㄴㅇㅁㄴㅇㅁㄴㅇㄴㅁㅇ", summary: "ㅇㅁㄴㅇㅇㄴㅇㅁㄴㅇㅁ....", date: "14:27", .. 2022. 3. 6.
React 마지막 간단한 프로젝트 3일차- detail화면 안녕하세요 마지막 detail을 해보겠습니다. Detailcontainer.jsx Detail.jsx를 만들어주세요 css는 Buy꺼를 그대로 사용하겠습니다. pages/detail.jsx import { useContext, useEffect } from "react"; import { useNavigate, useParams } from "react-router-dom"; import Form from "../Components/Form"; import Detailcontainer from "../container/Detailcontainer"; import store from "../context/store"; export default function Detail() { const navigate.. 2022. 3. 2.

티스토리툴바