$$config title: Web-project 22-08-17 keywords: - React - express $$ # [깃 풀 안될시 확인할 사이트](https://goddaehee.tistory.com/253) # 할 일들 1. 메인페이지 및 상품 페이지 디자인 수정 `U` `-완-` 2. 회원가입 페이지 생성 및 데이터 베이스 연결 `Bong` `-완-` 3. 구매페이지 생성`Choi` 4. 로그인 alert 메세지 오류 수정하기 `Bong` `-완-` 5. 로그인시 회원 이름 나오게 수정 maybe `Bong` 6. 상단 탑바의 로고 클릭시 메인으로 이동 `Bae` `-완-` 7. 상품 상세페이지 데이터 베이스 연결 `Bae` [찾아본 사이트](https://ddeck.tistory.com/30) `-완-` 8. 메인페이지에 팝업 창 만들기 `Bae` `-완-` 9. 다른 구매 페이지 만들기 `U` `장바구니 만들기 (아직 하지마)` # 수정 해야할것들 1. 2. 3. 4. ## 구매 버튼 눌렀을 때 데이터베이스의 이름과 가격 불러오기 - 구매버튼을 눌렀을 때 상단에 상품의 이름과 가격이 나오고 아래에 구매하기를 누르면 결제가 되었다고 알림이 뜨고 확인 버튼 누르면 `main`페이지로 돌아가게 만들고 취소를 눌렀을 땐 - 취소하겠냐는 알림이 뜨고 확인 버튼을 누르면 메인이나 이전페이지로 이동하는 것을 만들어 구현한다. ## `daisy UI`에서 `Modal`을 찾아와서 팝업 창만들기 - 기존의 코딩 ```html ``` - 변경한 코딩 ```html import React, { useState, useRef } from "react"; import "../styles/subscss/Pop-up.scss"; const Popup = () => { const [row, Setrow] = useState("curr"); const [active, setActive] = useState(true); return (

{}} checked={active} />

{ setActive(!active); }} htmlFor="my-modal-3" className="btn btn-sm btn-circle absolute right-2 top-2" > ✕

가을 맞이 특별 여름 의류 세일!!!!

가을을 이긴하지만 아직까지 더운 날이 이어지는 관계로 여름 의류를 30%세일 판매하기로 했습니다. 기존의 의류들을 정리하고 더 좋은 겨울 옷들로 여러분들을 맞이 하겠습니다.

); }; export default Popup; ```

Congratulations random Internet user!

가을 맞이 특별 여름 의류 세일!!!!