0106

client/src/Components/Card.js

-import React, { useState, useEffect, useRef } from 'react';
-import { Card } from 'react-bootstrap';
-
-function Card() {
-
-
-    return (
-        
-    )
-}
-
-export default Card
\ No newline at end of file

client/src/Pages/Login.js

@@ -17,6 +17,8 @@ function Login() {
         }
         setValidated(true);
     }
+
+
     return (
         <div>
             <Nav1 />

client/src/Pages/Mypage.js

+import React from 'react'
+import { ListGroup, ListGroupItem, Nav, Navbar, Card, Image, Button, Container, Row, Col } from 'react-bootstrap'
+import mypagetiger from '../mypagetiger.svg';
+import MainNav from '../Components/MainNav'
+import SubNav from '../Components/SubNav'
+import person from '../person.svg';
+
+
+
+function Mypage() {
+    return (
+        <div>
+            <MainNav />
+            <SubNav />
+            <Container>
+                <div className="my-5 justify-content-center">
+                <Card style={{ background: '#F7F3F3' }}>
+                    <button className="my-5 justify-content-center" style={{width: '12rem'}} variant="outline-light">
+                    <Image src={person} rounded  />
+                    </button>
+                    <Card.Body>
+                        <Card.Title>
+                            <Navbar.Brand href="/admin">
+                            <img src={mypagetiger} width="30" height="30" />
+                            {' '}NAME
+                            </Navbar.Brand>님 환영합니다!
+                            </Card.Title>
+                         
+                        <Card.Subtitle>주문현황</Card.Subtitle>
+                        <Card.Text>
+
+                        </Card.Text>
+                        <Button variant="secondary" className="mb-2">결제완료</Button><br />
+                        <Button variant="secondary" className="mb-2">배송중</Button><br />
+                        <Button variant="secondary">배송완료</Button>
+                    </Card.Body>
+                </Card>
+                </div>
+                <div className="my-5 p-5" style={{ background: '#F7F3F3' }}>
+
+                    <ListGroup variant="flush">
+                        <ListGroup as="ul">
+                            <ListGroup.Item as="li" active  bg="#91877F" style={{ background: "#91877F", borderColor: '#91877F'}}>
+                                공지사항
+                                </ListGroup.Item>
+                            <ListGroup>
+                                <ListGroup.Item> 2021년 1월 적립금 소멸안내</ListGroup.Item>
+                                <ListGroup.Item>2021년 새로워진 KU# 멤버십</ListGroup.Item>
+                            </ListGroup>
+                            <Card.Body>
+                                ABOUT KU# SHOPPINGMALL
+                                <Card.Text>
+                                    상호 : KU패션그룹(주)사업장소재지 | 세종, 연기군 특별자치시, 조치원읍 고려대학교 세종캠퍼스 | 안내전화 : 1599-8861 | 제휴/광고문의 : help@korea.ac.kr | 
+                                    사업자등록번호 : 2021-01-06 | 
+                                </Card.Text>
+                                <Card.Text>
+                                    COPYRIGHT (C) 2021 KU#SHOPPINGMALL ALL RIGHTS RESERVED.
+                                    </Card.Text>
+                            </Card.Body>
+                        </ListGroup>
+                    </ListGroup>
+                </div>
+            </Container>
+        </div>
+    )
+
+}
+
+
+
+export default Mypage
\ No newline at end of file

client/src/index.js

@@ -13,6 +13,7 @@ import Payment from './Pages/Payment';
 import reportWebVitals from './reportWebVitals';
 import 'bootstrap/dist/css/bootstrap.min.css';
 import Account from './Pages/Account';
+import Mypage from './Pages/Mypage'
 
 ReactDOM.render(
   <React.StrictMode>
@@ -30,6 +31,7 @@ ReactDOM.render(
         <Route path="/payment" component={Payment} />
         <Route path="/account" component={Account}/>
         <Route path='/kakao' component={() => {window.location.href='https://compmath.korea.ac.kr'; return null;}}/>
+        <Route path='/mypage' component={Mypage} />
         <Redirect path="/" to="/" />
       </Switch>
     </Router>

client/src/mypagetiger.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="32.000000pt" height="32.000000pt" viewBox="0 0 32.000000 32.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,32.000000) scale(0.100000,-0.100000)"
+fill="#91877F" stroke="none">
+<path d="M86 288 c-19 -27 -20 -39 -4 -73 13 -28 52 -35 62 -9 10 26 7 79 -6
+92 -18 18 -35 15 -52 -10z m52 -21 c6 -30 -7 -67 -23 -67 -22 0 -38 46 -24 71
+12 24 42 21 47 -4z"/>
+<path d="M187 292 c-19 -21 -22 -64 -7 -93 30 -55 95 21 68 79 -16 33 -39 39
+-61 14z m51 -43 c4 -47 -23 -74 -44 -44 -26 36 -14 88 20 83 16 -2 22 -11 24
+-39z"/>
+<path d="M8 175 c-17 -38 0 -80 32 -80 29 0 46 38 36 79 -9 36 -52 37 -68 1z
+m58 -9 c6 -26 -10 -66 -27 -66 -19 0 -32 46 -20 69 16 28 39 27 47 -3z"/>
+<path d="M251 174 c-25 -31 -27 -57 -6 -74 21 -17 51 -4 65 30 26 62 -18 96
+-59 44z m54 5 c9 -13 -13 -66 -30 -73 -26 -10 -38 20 -20 53 16 31 38 40 50
+20z"/>
+<path d="M95 100 c-41 -42 -48 -53 -39 -68 9 -14 27 -17 104 -17 79 0 94 3
+104 18 9 15 7 22 -12 35 -13 9 -37 32 -54 50 -17 17 -36 32 -42 32 -7 0 -34
+-23 -61 -50z m119 -14 c34 -32 43 -46 34 -52 -22 -14 -177 -12 -182 1 -6 16
+64 94 85 94 8 1 36 -19 63 -43z"/>
+</g>
+</svg>

client/src/person.svg

+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" ><path d="M2,21h8a1,1,0,0,0,0-2H3.071A7.011,7.011,0,0,1,10,13a5.044,5.044,0,1,0-3.377-1.337A9.01,9.01,0,0,0,1,20,1,1,0,0,0,2,21ZM10,5A3,3,0,1,1,7,8,3,3,0,0,1,10,5Zm5.085,12.121C14.656,15.069,15.918,14,17.223,14A2,2,0,0,1,19,14.823,2,2,0,0,1,20.777,14c1.3,0,2.567,1.069,2.138,3.121C22.48,19.2,19,21,19,21S15.52,19.2,15.085,17.121Z"/></svg>
\ No newline at end of file