본문 바로가기

React58

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일차- 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.
React 마지막 간단한 프로젝트 2일차- order화면 완성본:https://github.com/qjawns0222/hompage.git 자 이제 시작입니다 두번재로 어렵습니다 나 저번 강의처럼 Buy.module.css Buy.jsx Buycontainer.jsx 세개를 추가해주세요 pages/Buy.jsx import React from "react"; import Buycontainer from "../container/Buycontainer"; export default function Buy() { return ( ); } 작성 Buy.module.css .orderboxs { border: 1px solid black; border-radius: 20px; background-color: rgb(180, 230, 247); min-height: 7.. 2022. 3. 1.

티스토리툴바