Commit e8766404 authored by Kim, Subin's avatar Kim, Subin
Browse files

MainNav&SubNav UI

parent 2143589a
[{"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js":"1","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js":"2","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js":"3"},{"size":500,"mtime":499162500000,"results":"4","hashOfConfig":"5"},{"size":362,"mtime":499162500000,"results":"6","hashOfConfig":"5"},{"size":528,"mtime":499162500000,"results":"7","hashOfConfig":"5"},{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"zu2uto",{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js",[]]
\ No newline at end of file
[{"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js":"1","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js":"2","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js":"3","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Login.js":"4","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Admin.js":"5","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Signup.js":"6","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Home.js":"7","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\ShoppingCart.js":"8","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Payment.js":"9","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\MainNav.js":"10","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\SubNav.js":"11"},{"size":1111,"mtime":1608984426449,"results":"12","hashOfConfig":"13"},{"size":362,"mtime":499162500000,"results":"14","hashOfConfig":"13"},{"size":528,"mtime":499162500000,"results":"15","hashOfConfig":"13"},{"size":299,"mtime":1608990331905,"results":"16","hashOfConfig":"13"},{"size":347,"mtime":1608990317155,"results":"17","hashOfConfig":"13"},{"size":349,"mtime":1608990352583,"results":"18","hashOfConfig":"13"},{"size":299,"mtime":1608990328892,"results":"19","hashOfConfig":"13"},{"size":361,"mtime":1608990350408,"results":"20","hashOfConfig":"13"},{"size":305,"mtime":1608990335736,"results":"21","hashOfConfig":"13"},{"size":1105,"mtime":1608994411660,"results":"22","hashOfConfig":"13"},{"size":1130,"mtime":1608994516868,"results":"23","hashOfConfig":"13"},{"filePath":"24","messages":"25","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"26","usedDeprecatedRules":"27"},"zu2uto",{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"27"},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"34","messages":"35","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"36","messages":"37","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"38","messages":"39","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"40","messages":"41","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"42","messages":"43","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"44","messages":"45","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"46","messages":"47","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js",["48","49","50"],"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router, Route, Redirect, Switch } from 'react-router-dom';\nimport Home from './Pages/Home';\nimport Login from './Pages/Login';\nimport Signup from './Pages/Signup';\nimport Admin from './Pages/Admin';\nimport ShoppingCart from './Pages/ShoppingCart';\nimport Payment from './Pages/Payment';\nimport reportWebVitals from './reportWebVitals';\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nReactDOM.render(\n <React.StrictMode>\n <Router>\n <Switch>\n <Route exact path=\"/\" component={Home} />\n <Route path=\"/login\" component={Login} />\n <Route path=\"/signup\" component={Signup} />\n <Route path=\"/shoppingcart\" component={ShoppingCart} />\n <Redirect path=\"/\" to=\"/\" />\n </Switch>\n </Router>\n </React.StrictMode>,\n document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();",["51","52"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Login.js",["53","54","55"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Admin.js",["56","57","58","59"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Signup.js",["60","61","62","63"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Home.js",["64","65","66"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\ShoppingCart.js",["67","68","69","70"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Payment.js",["71","72","73"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\MainNav.js",["74","75","76","77","78","79"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\SubNav.js",["80","81","82","83","84"],{"ruleId":"85","severity":1,"message":"86","line":4,"column":8,"nodeType":"87","messageId":"88","endLine":4,"endColumn":11},{"ruleId":"85","severity":1,"message":"89","line":8,"column":8,"nodeType":"87","messageId":"88","endLine":8,"endColumn":13},{"ruleId":"85","severity":1,"message":"90","line":10,"column":8,"nodeType":"87","messageId":"88","endLine":10,"endColumn":15},{"ruleId":"91","replacedBy":"92"},{"ruleId":"93","replacedBy":"94"},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"98","line":2,"column":10,"nodeType":"87","messageId":"88","endLine":2,"endColumn":18},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"98","line":2,"column":10,"nodeType":"87","messageId":"88","endLine":2,"endColumn":18},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"98","line":2,"column":10,"nodeType":"87","messageId":"88","endLine":2,"endColumn":18},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"99","severity":1,"message":"100","line":12,"column":17,"nodeType":"101","endLine":12,"endColumn":58},{"ruleId":"99","severity":1,"message":"100","line":19,"column":21,"nodeType":"101","endLine":19,"endColumn":62},{"ruleId":"99","severity":1,"message":"100","line":23,"column":21,"nodeType":"101","endLine":23,"endColumn":64},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"102","line":2,"column":10,"nodeType":"87","messageId":"88","endLine":2,"endColumn":16},{"ruleId":"85","severity":1,"message":"103","line":5,"column":14,"nodeType":"87","messageId":"88","endLine":5,"endColumn":30},"no-unused-vars","'Nav' is defined but never used.","Identifier","unusedVar","'Admin' is defined but never used.","'Payment' is defined but never used.","no-native-reassign",["104"],"no-negated-in-lhs",["105"],"'useState' is defined but never used.","'useEffect' is defined but never used.","'useRef' is defined but never used.","'Redirect' is defined but never used.","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","'Navbar' is defined but never used.","'handleMouseEnter' is defined but never used.","no-global-assign","no-unsafe-negation"]
\ No newline at end of file
......@@ -22,4 +22,5 @@ npm-debug.log*
yarn-debug.log*
yarn-error.log*
package-lock.json
\ No newline at end of file
package-lock.json
.eslintcache
\ No newline at end of file
......@@ -10,6 +10,7 @@
"react": "^17.0.1",
"react-bootstrap": "^1.4.0",
"react-dom": "^17.0.1",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.1",
"web-vitals": "^0.2.4"
},
......
......@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<link rel="icon" href="%PUBLIC_URL%/footprint.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
......
import React, { useState, useEffect, useRef } from 'react';
import { Link } from 'react-router-dom';
import { Navbar, Nav } from 'react-bootstrap';
import logo from '../../public/img/footprint.ico';
import cart from '../cart.svg';
import option from '../option.svg';
function MainNav() {
return (
<div>
</div>
<Navbar bg="dark" variant="dark">
<Navbar.Brand href="/home">
<img src={logo} width="30" height="30" />
{' '}KU#
</Navbar.Brand>
<Nav className="justify-content-end">
<Nav.Link href="/login">Login</Nav.Link>
<Nav.Link href="/signup">Signup</Nav.Link>
<Nav.Link href="/shoppingcart">
<img src={cart} width="30" height="30" />
</Nav.Link>
<Nav.Link onClick={() => { alert('로그아웃이 완료되었습니다.') }}>Logout</Nav.Link>
<Nav.Link href="/admin/:id">
<img src={option} width="30" height="30" />
</Nav.Link>
</Nav>
</Navbar>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import { Link } from 'react-router-dom';
import { Navbar, Nav } from 'react-bootstrap';
function SubNav() {
function handleMouseEnter(e) {
console.log(e.target)
}
return (
<div>
</div>
<Nav>
<Nav.Item eventKey="1">
<Nav.Link href="/dress">DRESS</Nav.Link>
</Nav.Item>
<Nav.Item eventKey="2">
<Nav.Link href="/outer">OUTER</Nav.Link>
</Nav.Item>
<Nav.Item eventKey="3">
<Nav.Link href="/top">TOP</Nav.Link>
</Nav.Item>
<Nav.Item eventKey="4">
<Nav.Link href="/bottom">BOTTOM</Nav.Link>
</Nav.Item>
<Nav.Item eventKey="5">
<Nav.Link href="/training">TRAINING</Nav.Link>
</Nav.Item>
<Nav.Item eventKey="6">
<Nav.Link href="/inner">INNER</Nav.Link>
</Nav.Item>
<Nav.Item eventKey="7">
<Nav.Link href="/shoes">SHOES</Nav.Link>
</Nav.Item>
</Nav>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import { Redirect } from 'react-router';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import { Redirect } from 'react-router-dom';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
function Admin() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
function Home() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
function Login() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
function Payment() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
function Products() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
import Products from './Products';
function ProductsList() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
function ProductsRegist() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import { Redirect } from 'react-router';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import { Redirect } from 'react-router-dom';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
function ShoppingCart() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
import React, { useState, useEffect, useRef } from 'react';
import { Redirect } from 'react-router';
import Nav1 from '../Components/MainNav';
import Nav2 from '../Components/SubNav';
import { Redirect } from 'react-router-dom';
import MainNav from '../Components/MainNav';
import SubNav from '../Components/SubNav';
function Signup() {
return (
<div>
<Nav1 />
<Nav2 />
<MainNav />
<SubNav />
</div>
)
}
......
<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title/><g data-name="Layer 2" id="Layer_2"><path d="M23.52,29h-15a5.48,5.48,0,0,1-5.31-6.83L6.25,9.76a1,1,0,0,1,1-.76H24a1,1,0,0,1,1,.7l3.78,12.16a5.49,5.49,0,0,1-.83,4.91A5.41,5.41,0,0,1,23.52,29ZM8,11,5.11,22.65A3.5,3.5,0,0,0,8.48,27h15a3.44,3.44,0,0,0,2.79-1.42,3.5,3.5,0,0,0,.53-3.13L23.28,11Z"/><path d="M20,17a1,1,0,0,1-1-1V8a3,3,0,0,0-6,0v8a1,1,0,0,1-2,0V8A5,5,0,0,1,21,8v8A1,1,0,0,1,20,17Z"/></g><g id="frame"><rect class="cls-1" height="32" width="32"/></g></svg>
\ No newline at end of file
......@@ -17,6 +17,7 @@ ReactDOM.render(
<Route exact path="/" component={Home} />
<Route path="/login" component={Login} />
<Route path="/signup" component={Signup} />
<Route path="/shoppingcart" component={ShoppingCart} />
<Redirect path="/" to="/" />
</Switch>
</Router>
......
<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><g id="setting"><path d="M19.06,32H12.94A1.94,1.94,0,0,1,11,30.06V28.38c-.19-.08-.38-.15-.57-.24L9.21,29.37a1.92,1.92,0,0,1-2.68,0l-3.9-3.9a1.92,1.92,0,0,1,0-2.68l1.24-1.23c-.09-.19-.16-.38-.24-.57H1.94A1.94,1.94,0,0,1,0,19.06V12.94A1.94,1.94,0,0,1,1.94,11H3.62c.08-.19.15-.38.24-.57L2.63,9.21a1.92,1.92,0,0,1,0-2.68l3.9-3.9a1.92,1.92,0,0,1,2.68,0l1.23,1.24c.19-.09.38-.16.57-.24V1.94A1.94,1.94,0,0,1,12.94,0h6.12A1.94,1.94,0,0,1,21,1.94V3.62l.57.24,1.22-1.23a1.92,1.92,0,0,1,2.68,0l3.9,3.9a1.92,1.92,0,0,1,0,2.68l-1.24,1.23c.09.19.16.38.24.57h1.68A1.94,1.94,0,0,1,32,12.94v6.12A1.94,1.94,0,0,1,30.06,21H28.38c-.08.19-.15.38-.24.57l1.23,1.22a1.92,1.92,0,0,1,0,2.68l-3.9,3.9a1.92,1.92,0,0,1-2.68,0l-1.23-1.24c-.19.09-.38.16-.57.24v1.68A1.94,1.94,0,0,1,19.06,32Zm-9-7,.63.32a10.57,10.57,0,0,0,1.6.66l.67.22V30l5.62-.06-.06-3.05.7-.22A11.36,11.36,0,0,0,20.93,26l.65-.32,2.29,2.2L27.81,24,25.52,21.9l.31-.59a10.72,10.72,0,0,0,.73-1.71l.21-.6H30l-.06-6H26.89l-.2-.62A11.72,11.72,0,0,0,26,10.71l-.31-.61,2.2-2.2L24,4.11,21.9,6.31,21.27,6a10.57,10.57,0,0,0-1.6-.66L19,5.11V2l-6.06.06L13,5.11l-.67.22a10.57,10.57,0,0,0-1.6.66l-.63.32L7.9,4.11,4.11,8l2.2,2.12L6,10.73a10.57,10.57,0,0,0-.66,1.6L5.11,13H2l.06,5.41,3.05-.06.22.67A10.57,10.57,0,0,0,6,20.62l.32.63-2.2,2.2L8,27.24Z"/><path d="M16,24a8,8,0,1,1,8-8A8,8,0,0,1,16,24Zm0-14a6,6,0,1,0,6,6A6,6,0,0,0,16,10Z"/></g></svg>
\ No newline at end of file
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment