[{"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","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\Pagination.js":"12","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\ProductsRegist.js":"13","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Products.js":"14"},{"size":1459,"mtime":1609308087505,"results":"15","hashOfConfig":"16"},{"size":375,"mtime":1609228982944,"results":"17","hashOfConfig":"16"},{"size":528,"mtime":499162500000,"results":"18","hashOfConfig":"16"},{"size":299,"mtime":1609228981316,"results":"19","hashOfConfig":"16"},{"size":6585,"mtime":1609308087415,"results":"20","hashOfConfig":"16"},{"size":1463,"mtime":1609237678361,"results":"21","hashOfConfig":"16"},{"size":6185,"mtime":1609308087438,"results":"22","hashOfConfig":"16"},{"size":4675,"mtime":1609237678340,"results":"23","hashOfConfig":"16"},{"size":6324,"mtime":1609237678326,"results":"24","hashOfConfig":"16"},{"size":1257,"mtime":1609308087366,"results":"25","hashOfConfig":"16"},{"size":7044,"mtime":1609308087387,"results":"26","hashOfConfig":"16"},{"size":528,"mtime":1609308087378,"results":"27","hashOfConfig":"16"},{"size":319,"mtime":1609228981879,"results":"28","hashOfConfig":"16"},{"size":3694,"mtime":1609308087454,"results":"29","hashOfConfig":"16"},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"zu2uto",{"filePath":"32","messages":"33","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"34"},{"filePath":"35","messages":"36","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"37","messages":"38","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"39","usedDeprecatedRules":"34"},{"filePath":"40","messages":"41","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"42","usedDeprecatedRules":"34"},{"filePath":"43","messages":"44","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"45","usedDeprecatedRules":"34"},{"filePath":"46","messages":"47","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"48","usedDeprecatedRules":"34"},{"filePath":"49","messages":"50","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":"51","usedDeprecatedRules":"34"},{"filePath":"52","messages":"53","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"54","usedDeprecatedRules":"34"},{"filePath":"55","messages":"56","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":"57","usedDeprecatedRules":"34"},{"filePath":"58","messages":"59","errorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":"60","usedDeprecatedRules":"34"},{"filePath":"61","messages":"62","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"63","usedDeprecatedRules":"34"},{"filePath":"64","messages":"65","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"66","usedDeprecatedRules":"34"},{"filePath":"67","messages":"68","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":"69","usedDeprecatedRules":"34"},"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js",[],["70","71"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Login.js",["72","73","74"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport MainNav from '../Components/MainNav';\r\nimport SubNav from '../Components/SubNav';\r\nfunction Login() {\r\n\r\n    return (\r\n        <div>\r\n            <MainNav />\r\n            <SubNav />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Login","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Admin.js",["75","76","77","78"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport MainNav from '../Components/MainNav';\r\nimport SubNav from '../Components/SubNav';\r\nimport Pagination from '../Components/Pagination';\r\nimport search from '../search.svg';\r\nimport { Row, Col, Form, FormControl, Button, Card } from 'react-bootstrap';\r\n\r\nfunction Admin() {\r\n    function handleClick(e) {\r\n        const card = e.target.parentNode.parentNode\r\n        console.log(card)\r\n        alert('해당 상품을 성공적으로 삭제하였습니다.')\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <style type=\"text/css\">\r\n                {`\r\n                .btn {\r\n                    background-color: #CDC5C2;\r\n                    border-color: #CDC5C2;\r\n                }\r\n\r\n                .btn:hover, .btn:active, .btn:focus {\r\n                    background-color: #91877F;\r\n                    border-color: #91877F;\r\n                }\r\n                `}\r\n            </style>\r\n            <MainNav />\r\n            <SubNav />\r\n            <Row className=\"justify-content-end mt-5 mr-3 mb-5\">\r\n                <Col as={Form} inline className=\"justify-content-end\">\r\n                    <FormControl type=\"text\" placeholder=\"Search\" className=\"mr-1\" />\r\n                    <Button type=\"submit\" className=\"px-2\">\r\n                        <img src={search} width=\"20\" height=\"20\" />\r\n                    </Button>\r\n                </Col>\r\n                <Col sm={2} xs={3} as={Button} type=\"button\" href=\"/regist\">상품 등록</Col>\r\n            </Row>\r\n            <Row className=\"justify-content-start m-5\">\r\n                <Card className=\"my-5\" style={{ width: \"18rem\", margin: \"auto\"}}>\r\n                    <Card.Img variant=\"top\" src=\"https://img.sonyunara.com/files/goods/67460/1607053816_0.jpg\" style={{ objectFit: \"contain\", height: \"22rem\" }} />\r\n                    <Card.Body>\r\n                        <Card.Title>케이시앵글부츠(SH)</Card.Title>\r\n                        <Card.Text>\r\n                            재고: 8<br />\r\n                            구매자 수: 10\r\n                        </Card.Text>\r\n                        <Button className=\"float-right\" onClick={(e) => handleClick(e)}>삭제</Button>\r\n                    </Card.Body>\r\n                </Card>\r\n                <Card className=\"my-5\" style={{ width: \"18rem\", margin: \"auto\"}}>\r\n                    <Card.Img variant=\"top\" src=\"https://img.sonyunara.com/files/goods/48705/1552562469_0.jpg\" style={{ objectFit: \"contain\", height: \"22rem\" }} />\r\n                    <Card.Body>\r\n                        <Card.Title>메리제인플랫(SH)</Card.Title>\r\n                        <Card.Text>\r\n                            재고: 20<br />\r\n                            구매자 수: 60\r\n                        </Card.Text>\r\n                        <Button className=\"float-right\" onClick={(e) => handleClick(e)}>삭제</Button>\r\n                    </Card.Body>\r\n                </Card>\r\n                <Card className=\"my-5\" style={{ width: \"18rem\", margin: \"auto\"}}>\r\n                    <Card.Img variant=\"top\" src=\"https://img.sonyunara.com/files/goods/53386/1567390097_2.jpg\" style={{ objectFit: \"contain\", height: \"22rem\" }} />\r\n                    <Card.Body>\r\n                        <Card.Title>솔티드스니커즈(SH)</Card.Title>\r\n                        <Card.Text>\r\n                            재고: 34<br />\r\n                            구매자 수: 5\r\n                        </Card.Text>\r\n                        <Button className=\"float-right\" onClick={(e) => handleClick(e)}>삭제</Button>\r\n                    </Card.Body>\r\n                </Card>\r\n                <Card className=\"my-5\" style={{ width: \"18rem\", margin: \"auto\"}}>\r\n                    <Card.Img variant=\"top\" src=\"https://img.sonyunara.com/files/goods/61286/1587540563_0.jpg\" style={{ objectFit: \"contain\", height: \"22rem\" }} />\r\n                    <Card.Body>\r\n                        <Card.Title>버켄슬리퍼(SH)</Card.Title>\r\n                        <Card.Text>\r\n                            재고: 50<br />\r\n                            구매자 수: 18\r\n                        </Card.Text>\r\n                        <Button className=\"float-right\" onClick={(e) => handleClick(e)}>삭제</Button>\r\n                    </Card.Body>\r\n                </Card>\r\n                <Card className=\"my-5\" style={{ width: \"18rem\", margin: \"auto\"}}>\r\n                    <Card.Img variant=\"top\" src=\"https://hotping.co.kr/web/product/big/202011/b8f4c6471955b80fc3991b7d6df8926a.jpg\" style={{ objectFit: \"contain\", height: \"22rem\" }} />\r\n                    <Card.Body>\r\n                        <Card.Title>크레센도 하이힐펌프스</Card.Title>\r\n                        <Card.Text>\r\n                            재고: 35<br />\r\n                            구매자 수: 70\r\n                        </Card.Text>\r\n                        <Button className=\"float-right\" onClick={(e) => handleClick(e)}>삭제</Button>\r\n                    </Card.Body>\r\n                </Card>\r\n                <Card className=\"my-5\" style={{ width: \"18rem\", margin: \"auto\"}}>\r\n                    <Card.Img variant=\"top\" src=\"https://hotping.co.kr/web/product/big/202011/888e4e8d6a2c2e7da385b079151fcba2.jpg\" style={{ objectFit: \"contain\", height: \"22rem\" }} />\r\n                    <Card.Body>\r\n                        <Card.Title>어텀솔져1cm 스웨이드로퍼</Card.Title>\r\n                        <Card.Text>\r\n                            재고: 40<br />\r\n                            구매자 수: 30\r\n                        </Card.Text>\r\n                        <Button className=\"float-right\" onClick={(e) => handleClick(e)}>삭제</Button>\r\n                    </Card.Body>\r\n                </Card>\r\n                <Card className=\"my-5\" style={{ width: \"18rem\", margin: \"auto\"}}>\r\n                    <Card.Img variant=\"top\" src=\"https://hotping.co.kr/web/product/big/202007/3308564012eb14e6c11ed621fa7555fb.jpg\" style={{ objectFit: \"contain\", height: \"22rem\" }} />\r\n                    <Card.Body>\r\n                        <Card.Title>포웰3.5cm 스니커즈</Card.Title>\r\n                        <Card.Text>\r\n                            재고: 15<br />\r\n                            구매자 수: 50\r\n                        </Card.Text>\r\n                        <Button className=\"float-right\" onClick={(e) => handleClick(e)}>삭제</Button>\r\n                    </Card.Body>\r\n                </Card>\r\n            </Row>\r\n            <Pagination />\r\n        </div>\r\n\r\n    )\r\n}\r\n\r\nexport default Admin","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Signup.js",["79","80","81","82"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\n<<<<<<< HEAD\r\nimport MainNav from '../Components/MainNav';\r\nimport SubNav from '../Components/SubNav';\r\n=======\r\nimport Nav1 from '../Components/MainNav';\r\nimport Nav2 from '../Components/SubNav';\r\n>>>>>>> origin/jiwon\r\n\r\nfunction Signup() {\r\n\r\n\r\n    return (\r\n        <div class=\"form-container\">\r\n            <MainNav />\r\n            <SubNav />\r\n            <form id=\"form\" class=\"form\">\r\n                <h1>회원가입</h1>\r\n                <div class=\"form-control\">\r\n                    <label for=\"id\">아이디</label>\r\n                    <input type=\"text\" id=\"id\" placeholder=\"아이디를 입력하세요\"></input>\r\n\r\n                    <label for=\"name\">본명</label>\r\n                    <input type=\"text\" id=\"name\" placeholder=\"본명을 입력하세요\"></input>\r\n\r\n                    <label for=\"password\">비밀번호</label>\r\n                    <input type=\"password\" id=\"password\" placeholder=\"비밀번호를 입력하세요\"></input>\r\n\r\n                    <label for=\"password2\">비밀번호 확인</label>\r\n                    <input type=\"password\" id=\"password2\" placeholder=\"비밀번호를 한번 더 입력하세요\"></input>\r\n\r\n                    <label for=\"tel\">휴대폰 번호</label>\r\n                    <input type=\"text\" id=\"tel\" placeholder=\"휴대폰 번호를 입력하세요\"></input>\r\n\r\n                    <label for=\"add\">주소</label>\r\n                </div>\r\n            </form>\r\n        </div>\r\n\r\n    )\r\n}\r\n\r\nexport default Signup","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Home.js",["83","84","85"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport MainNav from '../Components/MainNav';\r\nimport SubNav from '../Components/SubNav';\r\nimport { Card, Container, Row } from 'react-bootstrap';\r\n\r\n\r\nfunction Home() {\r\n\r\n    return (\r\n        <div>\r\n            <MainNav />\r\n            <SubNav />\r\n            <Container>\r\n                <div className=\"my-3\">\r\n                    <h3 ><u>Best</u></h3>\r\n                    <Row className=\"justify-content-center\">\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Row>\r\n                </div>\r\n                <div className=\"my-3\">\r\n                    <h3><u>New Arrival</u></h3>\r\n                    <Row className=\"justify-content-center\">\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                        <Card className=\"mx-1\" style={{ width: '18rem' }}>\r\n                            <Card.Img className=\"img-fluid\" variant=\"top\" src=\"img/asd.jpg\" />\r\n                            <Card.Body>\r\n                                <Card.Title className=\"font-weight-bold\">제품명</Card.Title>\r\n                                <Card.Text>가격</Card.Text>\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Row>\r\n                </div>\r\n            </Container>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Home","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\ShoppingCart.js",["86","87","88","89","90","91"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport MainNav from '../Components/MainNav';\r\nimport SubNav from '../Components/SubNav';\r\n\r\nfunction ShoppingCart() {\r\n\r\n    return (\r\n        <div>\r\n            <MainNav />\r\n            <SubNav />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ShoppingCart","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Payment.js",["92","93","94"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport MainNav from '../Components/MainNav';\r\nimport SubNav from '../Components/SubNav';\r\n\r\nfunction Payment() {\r\n\r\n    return (\r\n        <div>\r\n            <MainNav />\r\n            <SubNav />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Payment","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\MainNav.js",["95","96","97","98","99","100"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport { Navbar, Nav } from 'react-bootstrap';\r\nimport logo from '../footprint.svg';\r\nimport cart from '../cart.svg';\r\nimport option from '../option.svg';\r\n\r\nfunction MainNav() {\r\n    function handleClick() {\r\n        alert('로그아웃이 완료되었습니다.')\r\n    }\r\n\r\n    return (\r\n        <Navbar sticky=\"top\" style={{ background: \"#CDC5C2\" }}>\r\n            <Navbar.Brand href=\"/home\" className=\"text-light\">\r\n                <img src={logo} width=\"24\" height=\"24\" />\r\n                {' '}KU#\r\n            </Navbar.Brand>\r\n            <Nav className=\"justify-content-end\">\r\n                <Nav.Link className=\"text-light\" href=\"/login\">Login</Nav.Link>\r\n                <Nav.Link className=\"text-light\" href=\"/signup\">Signup</Nav.Link>\r\n                <Nav.Link href=\"/shoppingcart\">\r\n                    <img src={cart} width=\"30\" height=\"30\" />\r\n                </Nav.Link>\r\n                <Nav.Link className=\"text-light\" onClick={() => handleClick()}>Logout</Nav.Link>\r\n                <Nav.Link href=\"/admin\">\r\n                    <img src={option} width=\"30\" height=\"30\" />\r\n                </Nav.Link>\r\n            </Nav>\r\n        </Navbar>\r\n    )\r\n}\r\n\r\nexport default MainNav","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\SubNav.js",["101","102"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport { Redirect } from 'react-router-dom';\r\nimport { Navbar, Nav, NavDropdown } from 'react-bootstrap';\r\n\r\nfunction SubNav() {\r\n    const [toggle, setToggle] = useState({ \"dress\": false, \"outer\": false, \"top\": false, \"pants\": false, \"skirt\": false, \"training\": false, \"shoes\": false });\r\n\r\n    function handleMouseEnter(id) {\r\n        setToggle({ [id]: true })\r\n    }\r\n\r\n    function handleMouseLeave(id) {\r\n        setToggle({ [id]: false })\r\n    }\r\n\r\n    function handleToggle(id) {\r\n        setToggle({ [id]: !toggle[`${id}`] })\r\n    }\r\n\r\n    function handleClick(url) {\r\n        return <Redirect to={url} />\r\n    }\r\n\r\n    return (\r\n        <Navbar sticky=\"top\" className=\"flex-nowrap\" style={{ top: \"62px\", paddingTop: \"0\", paddingBottom: \"0\", backgroundColor: \"#fff\" }}>\r\n            <style type=\"text/css\">\r\n                {`\r\n                .nav-link, .nav-link:hover, .nav-link:active {\r\n                    color: #91877F;\r\n                }\r\n                \r\n                .dropdown-toggle:after {\r\n                    display: none;\r\n                }\r\n\r\n                .dropdown-menu {\r\n                    background-color: #91877F;\r\n                }\r\n\r\n                .dropdown-item {\r\n                    color: #f8f9fa;\r\n                }\r\n\r\n                .dropdown-item:focus, .dropdown-item:hover {\r\n                    color: #91877F;\r\n                }\r\n\r\n                .dropdown-item:active {\r\n                    background-color: #f8f9fa;\r\n                }\r\n                `}\r\n            </style>\r\n            <Nav>\r\n                <NavDropdown title=\"DRESS\" onMouseEnter={() => handleMouseEnter(\"dress\")} onMouseLeave={() => handleMouseLeave(\"dress\")} show={toggle.dress} toggle={() => handleToggle(\"dress\")} onClick={() => handleClick(\"/dress\")}>\r\n                    <NavDropdown.Item href=\"/dress/long\">LONG DRESS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/dress/short\">SHORT DRESS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/dress/knit\">KNIT DRESS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/dress/shirt\">SHIRT DRESS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/dress/pattern\">PATTERN DRESS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/dress/bustier\">BUSTIER DRESS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/dress/two-piece\">TWO-PIECE DRESS</NavDropdown.Item>\r\n                </NavDropdown>\r\n                <NavDropdown title=\"OUTER\" onMouseEnter={() => handleMouseEnter(\"outer\")} onMouseLeave={() => handleMouseLeave(\"outer\")} show={toggle.outer} toggle={() => handleToggle(\"outer\")} onClick={() => handleClick(\"/outer\")}>\r\n                    <NavDropdown.Item href=\"/outer/padded-jacket\">PADDED JACKET</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/outer/jacket\">JACKET</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/outer/jumper\">JUMPER</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/outer/coat\">COAT</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/outer/fleece\">FLEECE</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/outer/cardigan_vest\">CARDIGAN / VEST</NavDropdown.Item>\r\n                </NavDropdown>\r\n                <NavDropdown title=\"TOP\" onMouseEnter={() => handleMouseEnter(\"top\")} onMouseLeave={() => handleMouseLeave(\"top\")} show={toggle.top} toggle={() => handleToggle(\"top\")} onClick={() => handleClick(\"/top\")}>\r\n                    <NavDropdown.Item href=\"/top/knit\">KNIT</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/top/hoody\">HOODY</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/top/blouse\">BLOUSE</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/top/shirt\">SHIRT</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/top/sweatshirt\">SWEATSHIRT</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/top/long-sleeve-shirt\">LONG SLEEVE SHIRT</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/top/short-sleeved-shirt_sleeveless-shirt\">SHORT SLEEVE / SLEEVELESS SHIRT</NavDropdown.Item>\r\n                </NavDropdown>\r\n                <NavDropdown title=\"PANTS\" onMouseEnter={() => handleMouseEnter(\"pants\")} onMouseLeave={() => handleMouseLeave(\"pants\")} show={toggle.pants} toggle={() => handleToggle(\"pants\")} onClick={() => handleClick(\"/pants\")}>\r\n                    <NavDropdown.Item href=\"/pants/jeans\">JEANS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/skinny-jeans\">SKINNY JEANS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/banding\">BANDING PANTS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/wide-fit\">WIDE-FIT PANTS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/boot-cut\">BOOT-CUT PANTS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/straight-fit\">STRAIGHT-FIT PANTS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/wide-fit\">WIDE-FIT PANTS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/shorts\">SHORTS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/trousers\">TROUSERS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/leggings\">LEGGINGS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/pants/jumpsuit_overalls\">JUMPSUIT / OVERALLS</NavDropdown.Item>\r\n                </NavDropdown>\r\n                <NavDropdown title=\"SKIRT\" onMouseEnter={() => handleMouseEnter(\"skirt\")} onMouseLeave={() => handleMouseLeave(\"skirt\")} show={toggle.skirt} toggle={() => handleToggle(\"skirt\")} onClick={() => handleClick(\"/skirt\")}>\r\n                    <NavDropdown.Item href=\"/skirt/long\">LONG SKIRT</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/skirt/midi\">MIDI SKIRT</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/skirt/mini\">MINI SKIRT</NavDropdown.Item>\r\n                </NavDropdown>\r\n                <Nav.Item>\r\n                    <Nav.Link href=\"/training\">TRAINING</Nav.Link>\r\n                </Nav.Item>\r\n                <NavDropdown title=\"SHOES\" onMouseEnter={() => handleMouseEnter(\"shoes\")} onMouseLeave={() => handleMouseLeave(\"shoes\")} show={toggle.shoes} toggle={() => handleToggle(\"shoes\")} onClick={() => handleClick(\"/shoes\")}>\r\n                    <NavDropdown.Item href=\"/skirt/sneakers_slip-on\">SNEAKERS / SLIP-ON</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/skirt/flat_loafer\">FLAT / LOAFER</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/skirt/heel_pump\">HEEL / PUMP</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/skirt/boots\">BOOTS</NavDropdown.Item>\r\n                    <NavDropdown.Item href=\"/skirt/sandal_slipper\">SANDAL / SLIPPER</NavDropdown.Item>\r\n                </NavDropdown>\r\n            </Nav>\r\n        </Navbar>\r\n    )\r\n}\r\n\r\nexport default SubNav","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\Pagination.js",["103","104","105"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport { Pagination } from 'react-bootstrap';\r\n\r\nfunction pagination() {\r\n    let active = 1;\r\n    let items = [];\r\n    for (let number = 1; number <= 5; number++) {\r\n        items.push(\r\n            <Pagination.Item key={number} active={number === active}>\r\n                {number}\r\n            </Pagination.Item>,\r\n        );\r\n    }\r\n\r\n    return (\r\n        <Pagination className=\"justify-content-center\">{items}</Pagination>\r\n    )\r\n}\r\n\r\nexport default pagination","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\ProductsRegist.js",["106","107","108"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport MainNav from '../Components/MainNav';\r\nimport SubNav from '../Components/SubNav';\r\n\r\nfunction ProductsRegist() {\r\n\r\n    return (\r\n        <div>\r\n            <MainNav />\r\n            <SubNav />\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default ProductsRegist","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Products.js",["109","110","111","112"],"import React, { useState, useEffect, useRef } from 'react';\r\nimport MainNav from '../Components/MainNav';\r\nimport SubNav from '../Components/SubNav';\r\nimport { Row, Col, Form, Card } from 'react-bootstrap';\r\n\r\nfunction Products() {\r\n\r\n    return (\r\n        <div>\r\n            <MainNav />\r\n            <SubNav />\r\n            <Row className=\"justify-content-center mt-5\">\r\n                <Col md={4}>\r\n                    <img src=\"https://img.sonyunara.com/files/goods/65976/1601953605_0.jpg\" style={{ objectFit: \"contain\", width: \"100%\" }} />\r\n                </Col>\r\n                <Col md={4} className=\"align-middle\">\r\n                    <Form>\r\n                        <Form.Group>\r\n                            <Form.Label>옵션</Form.Label>\r\n                            <Form.Control as=\"select\" defaultValue=\"옵션 선택\">\r\n                                <option>옵션 선택</option>\r\n                                <option>브릭레드(스트랩포함)</option>\r\n                                <option>베이지(스트랩포함)</option>\r\n                                <option>블랙(스트랩포함)</option>\r\n                            </Form.Control>\r\n                        </Form.Group>\r\n                    </Form>\r\n                </Col>\r\n            </Row>\r\n            <Row className=\"justify-content-center mt-5\">\r\n                <Col md={8}>\r\n                    <h3 style={{ borderBottom: \"1px solid #91877F\", paddingBottom: \"5px\", marginBottom: \"1em\" }}>설명</h3>\r\n                    <div></div>\r\n                </Col>\r\n            </Row>\r\n            <div className=\"m-5\">\r\n                <h6 style={{ borderBottom: \"1px solid\", paddingBottom: \"5px\", marginBottom: \"1em\" }}>회원님이 선호할만한 상품 추천</h6>\r\n                <Row className=\"justify-content-space\" style={{ objectFit: \"contain\", width: \"100%\" }}>\r\n                    <Col as={Card} style={{ width: \"16rem\" }}>\r\n                        <Card.Img variant=\"top\" src=\"https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg\" />\r\n                        <Card.Body>\r\n                            <Card.Title>클로타탄원피스</Card.Title>\r\n                            <Card.Text>구매자 수: 30</Card.Text>\r\n                        </Card.Body>\r\n                    </Col>\r\n                    <Col as={Card} style={{ width: \"16rem\" }}>\r\n                        <Card.Img variant=\"top\" src=\"https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg\" />\r\n                        <Card.Body>\r\n                            <Card.Title>클로타탄원피스</Card.Title>\r\n                            <Card.Text>구매자 수: 30</Card.Text>\r\n                        </Card.Body>\r\n                    </Col>\r\n                    <Col as={Card} style={{ width: \"16rem\" }}>\r\n                        <Card.Img variant=\"top\" src=\"https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg\" />\r\n                        <Card.Body>\r\n                            <Card.Title>클로타탄원피스</Card.Title>\r\n                            <Card.Text>구매자 수: 30</Card.Text>\r\n                        </Card.Body>\r\n                    </Col>\r\n                    <Col as={Card} style={{ width: \"16rem\" }}>\r\n                        <Card.Img variant=\"top\" src=\"https://img.sonyunara.com/files/goods/67504/1607328307_0.jpg\" />\r\n                        <Card.Body>\r\n                            <Card.Title>클로타탄원피스</Card.Title>\r\n                            <Card.Text>구매자 수: 30</Card.Text>\r\n                        </Card.Body>\r\n                    </Col>\r\n                </Row>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Products",{"ruleId":"113","replacedBy":"114"},{"ruleId":"115","replacedBy":"116"},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"123","severity":1,"message":"124","line":36,"column":25,"nodeType":"125","endLine":36,"endColumn":68},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"117","severity":1,"message":"126","line":2,"column":10,"nodeType":"119","messageId":"120","endLine":2,"endColumn":18},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"117","severity":1,"message":"126","line":2,"column":10,"nodeType":"119","messageId":"120","endLine":2,"endColumn":18},{"ruleId":"123","severity":1,"message":"124","line":25,"column":37,"nodeType":"125","endLine":25,"endColumn":147},{"ruleId":"123","severity":1,"message":"124","line":47,"column":37,"nodeType":"125","endLine":47,"endColumn":147},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"123","severity":1,"message":"124","line":15,"column":17,"nodeType":"125","endLine":15,"endColumn":58},{"ruleId":"123","severity":1,"message":"124","line":22,"column":21,"nodeType":"125","endLine":22,"endColumn":62},{"ruleId":"123","severity":1,"message":"124","line":26,"column":21,"nodeType":"125","endLine":26,"endColumn":64},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"117","severity":1,"message":"118","line":1,"column":17,"nodeType":"119","messageId":"120","endLine":1,"endColumn":25},{"ruleId":"117","severity":1,"message":"121","line":1,"column":27,"nodeType":"119","messageId":"120","endLine":1,"endColumn":36},{"ruleId":"117","severity":1,"message":"122","line":1,"column":38,"nodeType":"119","messageId":"120","endLine":1,"endColumn":44},{"ruleId":"123","severity":1,"message":"124","line":14,"column":21,"nodeType":"125","endLine":14,"endColumn":143},"no-native-reassign",["127"],"no-negated-in-lhs",["128"],"no-unused-vars","'useState' is defined but never used.","Identifier","unusedVar","'useEffect' is defined but never used.","'useRef' 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","'Redirect' is defined but never used.","no-global-assign","no-unsafe-negation"]