CRA18 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. React 마지막 간단한 프로젝트 2일차- menu화면 완성본:https://github.com/qjawns0222/hompage.git 자 이제 시작입니다 두번째로 쉬운거입니다 반대로말하면 세번째로 어려운거죠 ..... 나 저번 강의처럼 Menu.module.css Menu.jsx Menucontainer.jsx 세개를 추가해주세요 Menu.module.css .menus { display: flex; justify-content: space-around; align-items: center; height: 40vh; margin: 1% 10%; } .menus > * { margin: 50% 10%; } .menus > * > .name { display: flex; width: 100%; justify-content: center; margin: 2% .. 2022. 3. 1. React 마지막 간단한 프로젝트 2일차- Home화면 완성본:https://github.com/qjawns0222/hompage.git 어제에 이어서 Home화면을 만들어보겠습니다. 4개의 페이지 중에 가장 간단 한 화면이 될것 입니다. 우선 어제 만든 Components 폴더에 Home.jsx 만들고(보여지는 부분) src내부에 container폴더 만들어주시고 그안에 Home.container.jsx 생성(전달해줄 데이터 관련) Components/css/Home.module.css 파일도 만들어주세요 (css설정) 그럼 우선 pagesdml Home.jsx 가서 return을 로 수정해주세요 import도 해주세요 import React from "react"; import Homecontainer from "../container/Homecontai.. 2022. 3. 1. 이전 1 2 3 4 5 다음
