카카오페이+모바일 ui

client/.gitignore

@@ -24,5 +24,6 @@ yarn-error.log*
 package-lock.json
 
 .eslintcache
+debug.log
 
 .yarn.lock

client/package.json

@@ -6,6 +6,7 @@
     "@testing-library/jest-dom": "^5.11.6",
     "@testing-library/react": "^11.2.2",
     "@testing-library/user-event": "^12.6.0",
+    "axios": "^0.21.1",
     "bootstrap": "^4.5.3",
     "react": "^17.0.1",
     "react-bootstrap": "^1.4.0",
@@ -38,5 +39,6 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
-  }
+  },
+  "proxy": "http://localhost:3001"
 }

client/src/Components/SubNav.js

@@ -22,7 +22,7 @@ function SubNav() {
     }
 
     return (
-        <Navbar sticky="top" className="flex-nowrap" style={{ top: "62px", paddingTop: "0", paddingBottom: "0", backgroundColor: "#fff" }}>
+        <Navbar sticky="top" className="flex-nowrap" style={{ top: "62px", paddingTop: "0", paddingBottom: "0", backgroundColor: "#fff"}}>
             <style type="text/css">
                 {`
                 .nav-link, .nav-link:hover, .nav-link:active {

client/src/Pages/Account.js

+import React from 'react'
+import MainNav from '../Components/MainNav'
+import SubNav from '../Components/SubNav'
+
+
+function Account() {
+    return (
+        <div>
+            <MainNav />
+            <SubNav />
+            <h5>마이페이지</h5>
+        </div>
+    )
+}
+
+
+export default Account
+

client/src/Pages/Admin.js

@@ -3,7 +3,7 @@ import MainNav from '../Components/MainNav';
 import SubNav from '../Components/SubNav';
 import Pagination from '../Components/Pagination';
 import search from '../search.svg';
-import { Row, Col, Form, FormControl, Button, Card } from 'react-bootstrap';
+import { Row, Col, Form, FormControl, Button, Card, Container } from 'react-bootstrap';
 
 function Admin() {
     function handleClick(e) {
@@ -29,17 +29,16 @@ function Admin() {
             </style>
             <MainNav />
             <SubNav />
-            <Row className="justify-content-end mt-5 mr-3 mb-5">
-                <Col as={Form} inline className="justify-content-end">
-                    <FormControl type="text" placeholder="Search" className="mr-1" />
+            <Container>
+            <Row className="justify-content-end mt-5 mb-5">
+                    <FormControl type="text" placeholder="Search" style={{width:"13rem"}} />
                     <Button type="submit" className="px-2">
                         <img src={search} width="20" height="20" />
                     </Button>
-                </Col>
-                <Col sm={2} xs={3} as={Button} type="button" href="/regist">상품 등록</Col>
+                    <Button sm={2} xs={6} type="button" href="/regist" className="ml-1">상품 등록</Button>
             </Row>
             <Row className="justify-content-start m-5">
-                <Card className="my-5" style={{ width: "18rem", margin: "auto"}}>
+                <Card className="my-5" style={{ width: "18rem", margin: "auto" }}>
                     <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/67460/1607053816_0.jpg" style={{ objectFit: "contain", height: "22rem" }} />
                     <Card.Body>
                         <Card.Title>케이시앵글부츠(SH)</Card.Title>
@@ -50,7 +49,7 @@ function Admin() {
                         <Button className="float-right" onClick={(e) => handleClick(e)}>삭제</Button>
                     </Card.Body>
                 </Card>
-                <Card className="my-5" style={{ width: "18rem", margin: "auto"}}>
+                <Card className="my-5" style={{ width: "18rem", margin: "auto" }}>
                     <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/48705/1552562469_0.jpg" style={{ objectFit: "contain", height: "22rem" }} />
                     <Card.Body>
                         <Card.Title>메리제인플랫(SH)</Card.Title>
@@ -61,7 +60,7 @@ function Admin() {
                         <Button className="float-right" onClick={(e) => handleClick(e)}>삭제</Button>
                     </Card.Body>
                 </Card>
-                <Card className="my-5" style={{ width: "18rem", margin: "auto"}}>
+                <Card className="my-5" style={{ width: "18rem", margin: "auto" }}>
                     <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/53386/1567390097_2.jpg" style={{ objectFit: "contain", height: "22rem" }} />
                     <Card.Body>
                         <Card.Title>솔티드스니커즈(SH)</Card.Title>
@@ -72,7 +71,7 @@ function Admin() {
                         <Button className="float-right" onClick={(e) => handleClick(e)}>삭제</Button>
                     </Card.Body>
                 </Card>
-                <Card className="my-5" style={{ width: "18rem", margin: "auto"}}>
+                <Card className="my-5" style={{ width: "18rem", margin: "auto" }}>
                     <Card.Img variant="top" src="https://img.sonyunara.com/files/goods/61286/1587540563_0.jpg" style={{ objectFit: "contain", height: "22rem" }} />
                     <Card.Body>
                         <Card.Title>버켄슬리퍼(SH)</Card.Title>
@@ -83,7 +82,7 @@ function Admin() {
                         <Button className="float-right" onClick={(e) => handleClick(e)}>삭제</Button>
                     </Card.Body>
                 </Card>
-                <Card className="my-5" style={{ width: "18rem", margin: "auto"}}>
+                <Card className="my-5" style={{ width: "18rem", margin: "auto" }}>
                     <Card.Img variant="top" src="https://hotping.co.kr/web/product/big/202011/b8f4c6471955b80fc3991b7d6df8926a.jpg" style={{ objectFit: "contain", height: "22rem" }} />
                     <Card.Body>
                         <Card.Title>크레센도 하이힐펌프스</Card.Title>
@@ -94,7 +93,7 @@ function Admin() {
                         <Button className="float-right" onClick={(e) => handleClick(e)}>삭제</Button>
                     </Card.Body>
                 </Card>
-                <Card className="my-5" style={{ width: "18rem", margin: "auto"}}>
+                <Card className="my-5" style={{ width: "18rem", margin: "auto" }}>
                     <Card.Img variant="top" src="https://hotping.co.kr/web/product/big/202011/888e4e8d6a2c2e7da385b079151fcba2.jpg" style={{ objectFit: "contain", height: "22rem" }} />
                     <Card.Body>
                         <Card.Title>어텀솔져1cm 스웨이드로퍼</Card.Title>
@@ -105,7 +104,7 @@ function Admin() {
                         <Button className="float-right" onClick={(e) => handleClick(e)}>삭제</Button>
                     </Card.Body>
                 </Card>
-                <Card className="my-5" style={{ width: "18rem", margin: "auto"}}>
+                <Card className="my-5" style={{ width: "18rem", margin: "auto" }}>
                     <Card.Img variant="top" src="https://hotping.co.kr/web/product/big/202007/3308564012eb14e6c11ed621fa7555fb.jpg" style={{ objectFit: "contain", height: "22rem" }} />
                     <Card.Body>
                         <Card.Title>포웰3.5cm 스니커즈</Card.Title>
@@ -118,6 +117,7 @@ function Admin() {
                 </Card>
             </Row>
             <Pagination />
+            </Container>
         </div>
 
     )

client/src/Pages/Payment.js

@@ -2,7 +2,8 @@ import React, { useState, useEffect, useRef } from 'react';
 import MainNav from '../Components/MainNav';
 import SubNav from '../Components/SubNav';
 import DaumPostcode from "react-daum-postcode";
-import { Container, Card, Row, Col, Button, Form } from 'react-bootstrap';
+import { Container, Card, Row, Col, Button, Form, FormGroup } from 'react-bootstrap';
+import { Redirect } from 'react-router-dom';
 
 function Payment() {
 
@@ -11,6 +12,9 @@ function Payment() {
     const [isZoneCode, setIsZoneCode] = useState();
     const [isPostOpen, setIsPostOpen] = useState();
     const [post, setPost] = useState([])
+    const [redirect, setRedirect] = useState(null)
+    const [address, setAddress] = useState("")
+    const [num, setNum] = useState(0)
 
     function postClick() {
         if (post.length !== 0) {
@@ -19,20 +23,20 @@ function Payment() {
         else {
             setPost(
                 <div>
-                    <DaumPostcode style={postCodeStyle} onComplete={handleComplete} />
+                    <DaumPostcode style={postCodeStyle} onComplete={handleComplete} autoClose={true} />
                 </div>
             )
         }
 
     }
-
     const handleComplete = (data) => {
         let fullAddress = data.address;
         let extraAddress = "";
-
+        console.log(data)
         if (data.addressType === "R") {
             if (data.bname !== "") {
                 extraAddress += data.bname;
+                console.log(extraAddress)
             }
             if (data.buildingName !== "") {
                 extraAddress +=
@@ -40,17 +44,18 @@ function Payment() {
             }
             fullAddress += extraAddress !== "" ? ` (${extraAddress})` : "";
         }
-        setIsZoneCode(data.zonecode);
-        setIsAddress(fullAddress);
-        setIsPostOpen(false);
-    };
+        setAddress({ full: fullAddress, zone: data.zonecode });
+
+        console.log(fullAddress);
+    }
+
     const postCodeStyle = {
-        display: "block",
+        // display: "block",
         position: "absolute",
-        // top: "50%",
         width: "400px",
         height: "500px",
         padding: "7px",
+        zIndex: "1000"
     };
 
     function handleClick() {
@@ -91,7 +96,32 @@ function Payment() {
             setPaymentWay([])
         }
     }
-    const [num, setNum] = useState(0)
+
+    async function kakaopay() {
+        const response = await fetch('/api/kakaopay/test/single', {
+            method: "POST",
+            headers: {
+                'Content-type': 'application/json'
+            },
+            body: JSON.stringify({
+                cid: 'TC0ONETIME',
+                partner_order_id: 'partner_order_id',
+                partner_user_id: 'partner_user_id',
+                item_name: '앙고라 반목 폴라 베이직 모헤어 니트 (T)',
+                quantity: 1,
+                total_amount: 22000,
+                vat_amount: 200,
+                tax_free_amount: 0,
+                approval_url: 'http://localhost:3000/kakaopay/success',
+                fail_url: 'http://localhost:3000/kakaopay/fail',
+                cancel_url: 'http://localhost:3000/kakaopay/cancel',
+            })
+        })
+        const data = await response.json()
+        console.log(data)
+        window.location.href = data.redirect_url
+        // setRedirect(data.redirect_url)
+    }
 
     function plusNum() {
         setNum(num + 1)
@@ -109,6 +139,12 @@ function Payment() {
         //장바구니 DB에서 해당 항목 삭제 
         console.log('카트에 담긴 항목을 삭제했습니다.')
     }
+
+    if (redirect) {
+        console.log(redirect)
+        return <Redirect to={'/kakao'} />
+    }
+
     return (
         <div>
             <MainNav />
@@ -135,19 +171,43 @@ function Payment() {
                             </Form>
                         </Col>
                     </Row>
-
-
                 </div>
 
                 <div>
-                    <h5 className="font-weight-bold py-3 border-top border-bottom text-center" style={{ background: '#F7F3F3' }}>배송지 정보</h5>
-                    <Row>
-
+                    <h5 className="font-weight-bold py-3 border-top border-bottom text-center" style={{ background: '#F7F3F3' }}>받는사람 정보</h5>
+                    <Row className="justify-content-center">
+                        <Col md={8}>
+                            <Form>
+                                <Form.Group>
+                                    <Form.Label>이름</Form.Label>
+                                    <Form.Control></Form.Control>
+                                </Form.Group>
+                                <Form.Group controlId="formBasicAdd">
+                                    <Form.Label>주소</Form.Label>
+                                    <Form.Row>
+                                        <Col xs={4} sm={4}>
+                                            <Form.Control type="text" id="add" value={address.zone} disabled={(address.zone == null) ? false : true} placeholder="우편번호" required ></Form.Control>
+                                        </Col>
+                                        <Col >
+                                            <Button style={{ background: '#91877F', borderColor: '#91877F' }} className="mx-1" onClick={postClick}>우편번호</Button>
+                                            {post}
+                                        </Col>
+                                    </Form.Row>
+                                    <Form.Row>
                                         <Col>
-                            <Button className="my-3" style={{ background: "#91877F", borderColor: '#91877F' }} onClick={postClick}>우편번호</Button>
+                                            <Form.Control type="text" id="add1" value={address.full} disabled={(address.zone == null) ? false : true} placeholder="주소" required></Form.Control>
+                                            <Form.Control type="text" id="add2" placeholder="상세주소" required></Form.Control>
+                                            <Form.Control.Feedback type="invalid" > 상세 주소를 입력하세요. </Form.Control.Feedback>
+                                        </Col>
+                                    </Form.Row>
+                                </Form.Group>
+                                <Form.Group>
+                                    <Form.Label>휴대전화</Form.Label>
+                                    <Form.Control></Form.Control>
+                                </Form.Group>
+                            </Form>
                         </Col>
                     </Row>
-                    {post}
                 </div>
 
                 <div>
@@ -197,11 +257,13 @@ function Payment() {
                 <div>
                     <h5 className="font-weight-bold py-3 border-top border-bottom text-center" style={{ background: '#F7F3F3' }}>결제수단</h5>
                     <div className="text-center mt-5">
-                        <Button variant="success" onClick={handleClick} >무통장입금</Button>
-                        <Button variant="warning" style={{ color: '#ffffff' }} onClick={handleClick2}>카카오페이</Button>
+                        <Button variant="success" className="align-top" onClick={handleClick} >무통장입금</Button>
+                        <input type="image" src="img/payment_icon_yellow_small.png" onClick={kakaopay} />
                     </div>
                     {paymentWay}
-
+                </div>
+                <div className="text-center">
+                    <Button className="px-5" style={{ background: "#91877F", borderColor: '#91877F' }} href="/account" block>결제완료</Button>
                 </div>
             </Container>
         </div>

client/src/Pages/ProductsRegist.js

@@ -2,42 +2,61 @@ import React, { useState, useEffect, useRef } from 'react';
 import Nav1 from '../Components/MainNav';
 import Nav2 from '../Components/SubNav';
 import { Row, Col, Button, Form, Container } from 'react-bootstrap';
+import axios from 'axios'
 
 
 function ProductsRegist() {
+
+    const [product, setProduct] = useState()
+
+    function handleChange(event) {
+        const { name, value } = event.target
+        setProduct({ ...product, [name]: value })
+    }
+
+    function handleSubmit(e) {
+        e.preventDefault()
+        axios.post('/api/products/regist', {
+            product
+        }).then(function(res) {
+            console.log("client의 res=", res)
+        })
+    }
+
     return (
         <div>
+            {console.log(product)}
             <Nav1 />
             <Nav2 />
             <Container>
                 <Row className="justify-content-md-center">
-                    <Col md={6} className="border m-5 p-3" style={{background:'#F7F3F3'}}>
+                    <Col md={6} className="border m-5 p-3" style={{ background: '#F7F3F3' }}>
                         <h2 className="text-center mt-5 font-weight-bold">상품등록</h2>
-                        <Form className="p-5">
+                        <Form className="p-5" onSubmit={handleSubmit}>
                             <Form.Group controlId="productNameform">
                                 <Form.Label>상품명</Form.Label>
-                                <Form.Control type="text" placeholder="상품명" />
+                                <Form.Control type="text" name="pro_name" placeholder="상품명" onChange={handleChange} />
                             </Form.Group>
                             <Form.Group controlId="productAmountform">
-                                <Form.Label>수량</Form.Label>
-                                <Form.Control type="text" placeholder="숫자만 입력해주세요" />
+                                <Form.Label>재고</Form.Label>
+                                <Form.Control type="text" name="stock" placeholder="숫자만 입력해주세요" onChange={handleChange} />
                             </Form.Group>
                             <Form.Group controlId="productPriceform">
                                 <Form.Label>가격</Form.Label>
-                                <Form.Control type="text" placeholder="숫자만 입력해주세요" />
+                                <Form.Control type="text" name="price" placeholder="숫자만 입력해주세요" onChange={handleChange} />
                             </Form.Group>
                             <Form.Group>
                                 <Form.Label>분류</Form.Label>
                                 <Row>
                                     <Col md={6}>
-                                        <Form.Control as="select" placeholder="상위분류">
+                                        <Form.Control as="select" name="main_category" placeholder="상위분류" onChange={handleChange}>
                                             <option>Pants</option>
                                             <option>Skirt</option>
                                             <option>Outer</option>
                                         </Form.Control>
                                     </Col>
                                     <Col md={6}>
-                                        <Form.Control as="select" placeholder="하위분류">
+                                        <Form.Control as="select" name="sub_category" placeholder="하위분류" onChange={handleChange}>
                                             <option>JEANS</option>
                                             <option>SKINNY JEANS</option>
                                             <option>BANDING PANTS</option>
@@ -47,13 +66,17 @@ function ProductsRegist() {
                             </Form.Group>
                             <Form.Group controlId="productDescriptionform">
                                 <Form.Label>상품설명</Form.Label>
-                                <Form.Control as="textarea" rows={3} placeholder="상품을 설명해주세요" />
+                                <Form.Control as="textarea" name="description" rows={3} placeholder="상품을 설명해주세요" onChange={handleChange} />
                             </Form.Group>
                             <Form.Group>
                                 <Form.Label>대표이미지</Form.Label>
-                                <Form.File id="productImageform" />
+                                <Form.File id="productImageform" name="main_image" onChange={handleChange} />
+                            </Form.Group>
+                            <Form.Group>
+                                <Form.Label>상세이미지</Form.Label>
+                                <Form.File id="productImageform" name="detail_image" onChange={handleChange} />
                             </Form.Group>
-                            <Button className="float-right" variant="primary" type="submit" style={{background:'#91877F', borderColor:'#91877F'}}>등록</Button>
+                            <Button className="float-right" variant="primary" type="submit" style={{ background: '#91877F', borderColor: '#91877F' }}>등록</Button>
                         </Form>
                     </Col>
                 </Row>

client/src/Pages/ShoppingCart.js

@@ -74,7 +74,7 @@ function ShoppingCart() {
                     </div>
                 </div>
                 <div className="text-center">
-                    <Button className="px-5" style={{ background: "#91877F", borderColor: '#91877F' }} href="/payment">결제하기</Button>
+                    <Button className="px-5" style={{ background: "#91877F", borderColor: '#91877F' }} href="/payment" block>결제하기</Button>
                 </div>
             </Container>
 

client/src/index.js

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

server/app.js

-import express from 'express'
+import express from 'express';
+// import bodyParser from "body-parser";
 import connectDb from './schemas/index.js'
 import userRouter from "./routes/user.routes.js";
+import productRouter from './routes/product.routes.js';
+import path from 'path'
+import kakaopayRoutes from './routes/kakaopay.routes.js'
+import config from './config.js'
+import cors from 'cors'
 
 connectDb()
 
-
-// const createError = require('http-errors');
-
-// const express = require('express');
-// const path = require('path');
-// const cookieParser = require('cookie-parser');
-// const logger = require('morgan');
-// const port = 3030;
-
-// const indexRouter = require('./routes/index');
-
 const app = express();
-// connect();
 
-// view engine setup
-// app.set('views', path.join(__dirname, 'views'));
-// app.set('view engine', 'pug');
 
-// app.use(logger('dev'));
 app.use(express.json());
-// app.use(express.urlencoded({ extended: false }));
-// app.use(cookieParser(process.env.JWT_SECRET));
-// app.use(express.static(path.join(__dirname, 'public')));
+app.use(cors())
 
-// app.use('/', indexRouter);
+app.use(express.static(path.join(process.cwd(), 'dist')))
+// app.use(bodyParser.urlencoded({ extended: true }))
 
-// app.listen(port, () => console.log(port));
-app.listen(3001, () => console.log('Listenning'));
-
-app.use(userRouter)
-
-// catch 404 and forward to error handler
-// app.use(function(req, res, next) {
-//   next(createError(404));
-// });
-
-// error handler
-// app.use(function(err, req, res, next) {
-  // set locals, only providing error in development
-  // res.locals.message = err.message;
-  // res.locals.error = req.app.get('env') === 'development' ? err : {};
+// app.use('/', indexRouter);
+app.use('/', kakaopayRoutes)
+app.use('/api/products', productRouter)
 
-  // render the error page
-  // res.status(err.status || 500);
-  // res.render('error');
-// });
+app.listen(config.port, () => {
+  console.info('Server started on port %s.', config.port)
+})
 
-// module.exports = app;
\ No newline at end of file

server/config.js

@@ -2,7 +2,16 @@ const config = {
     env: process.env.NODEENV || 'development',
     port: process.env.PORT || 3001,
     jwtSecret: process.env.JWT_SECRET || 'My_Secret_Key',
-    mongoDbUri: process.env.MONGEDB_URI || 'mongodb://localhost/'
+    mongoDbUri: process.env.MONGEDB_URI || 'mongodb://localhost/shopping-mall',
+    kakaoAdminKey: 'b2dda7685c5b2990684d813e362cff07'
 }
 
-export default config
\ No newline at end of file
+// const config = {
+//     port: 3001,
+//     kakaoAdminKey: 'b2dda7685c5b2990684d813e362cff07',
+//   }
+  
+  export default config
+  
+
+// export default config
\ No newline at end of file

server/controllers/kakaopay.controller.js

+// import { RequestHandler } from "express";
+import fetch from 'node-fetch'
+import config from "../config.js";
+
+const success = (req, res) => {
+    console.log('kakaopay success route')
+    console.log('req body:', req.body)
+    return res.json({
+        message: 'Success'
+    })
+}
+
+const fail = (req, res) => {
+    console.log('kakaopay fail route')
+    console.log('req body:', req.body)
+    return res.json({
+        message: 'Failed'
+    })
+}
+
+const cancel = (req, res) => {
+    console.log('kakaopay cancel route')
+    console.log('req body:', req.body)
+    return res.json({
+        message: 'Canceled'
+    })
+}
+
+const singleTest = async (req, res) => {
+    console.log("asdaf")
+    console.log(req.body)
+    const item = req.body
+    // set data
+    const data = []
+    for (let property in item) {
+        let encodedKey = encodeURIComponent(property);
+        let encodedValue = encodeURIComponent(item[property]);
+        data.push(encodedKey + "=" + encodedValue);
+    }
+    const bodyData = data.join('&') // encode data (application/x-www-form-urlencoded)
+
+    const response = await fetch('https://kapi.kakao.com/v1/payment/ready', {
+        method: 'POST',
+        headers: {
+            'Authorization': `KakaoAK ${config.kakaoAdminKey}`,
+            'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
+        },
+        body: bodyData,
+    })
+
+    // console.log(response)
+    const resp = await response.json()
+    console.log(resp)
+    res.json({redirect_url: resp.next_redirect_pc_url})
+}
+
+export default {
+    success,
+    fail,
+    cancel,
+    singleTest,
+}

server/controllers/product.controller.js

+import Product from "../schemas/Product.js";
+
+const regist = async (req, res) => {
+    console.log('req.body=', req.body)
+    const { pro_name, price, stock, main_category, sub_category, description, main_image, detail_image } = req.body.product
+    try {
+        const newProduct = await new Product ({
+            pro_name, price, stock, main_category, sub_category, description, main_image, detail_image
+        }).save()
+        console.log(newProduct)
+        res.json(newProduct)
+    } catch (error) {
+        console.log(error)
+        res.status(500).send('죄송합니다. 다시 입력해 주십시오.')
+    }
+}
+
+export default  { regist }
\ No newline at end of file

server/package.json

@@ -11,8 +11,10 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
+    "cors": "^2.8.5",
     "express": "^4.17.1",
     "mongoose": "^5.11.9",
+    "node-fetch": "^2.6.1",
     "nodemon": "^2.0.6",
     "validator": "^13.5.2"
   }

server/routes/kakaopay.routes.js

+import express from 'express'
+import kakaopayCtrl from '../controllers/kakaopay.controller.js'
+
+const router = express.Router()
+
+router.route('/kakaopay/success')
+  .get(kakaopayCtrl.success)
+
+router.route('/api/kakaopay/fail')
+  .get(kakaopayCtrl.fail)
+
+router.route('/api/kakaopay/cancel')
+  .get(kakaopayCtrl.cancel)
+
+router.route('/api/kakaopay/test/single')
+  .post(kakaopayCtrl.singleTest)
+
+export default router

server/routes/product.routes.js

+import express from "express";
+import productCtrl from '../controllers/product.controller.js';
+
+const router = express.Router()
+
+router.route('/regist')
+    .post(productCtrl.regist)
+
+export default router
\ No newline at end of file

server/schemas/Product.js

+import mongoose from 'mongoose'
+
+const { String, Number, Array } = mongoose.Schema.Types
+
+const ProductSchema = new mongoose.Schema({
+    pro_name: {
+        type: String,
+        required: true,
+    },
+    price: {
+        type: String,
+        required: true,
+    },
+    stock: {
+        type: String,
+        required: true
+    },
+    purchase: {
+        type: String,
+        required: true,
+        default: 0
+    },
+    main_category: {
+        type: String,
+        required: true,
+    },
+    sub_category: {
+        type: String,
+        required: true,
+    },
+    description: {
+        type: String,
+        required: true,
+    },
+    main_image: {
+        type: String,
+        required: true,
+    },
+    detail_image: {
+        type: String,
+        required: true,
+    }
+}, {
+    timestamps: true
+})
+
+export default mongoose.models.Product || mongoose.model('Product', ProductSchema)
\ No newline at end of file

server/schemas/User.js

+import mongoose from 'mongoose'
+
+const { String } = mongoose.Schema.Types
+
+const UserSchema = new mongoose.Schema({
+    name: {
+        type: String,
+        required: true,
+    },
+    id: {
+        type: String,
+        required: true,
+        unique: true
+    },
+    password: {
+        type: String,
+        required: true,
+        select: false
+    },
+    confirm_password:{
+        type: String,
+        required: true,
+        select: false
+    },
+    phoneNumber: {
+        type: String,
+        required: true,
+    },
+    role: {
+        type: String,
+        required: true,
+        default: 'user',
+        enum: ['user', 'admin', 'root']
+    },
+    birth: {
+        type: String,
+        required: true,
+    },
+    sex: {
+        type: String,
+        required: true,
+    }
+}, {
+    timestamps: true
+})
+
+export default mongoose.models.User || mongoose.model('User', UserSchema)
\ No newline at end of file