please do merge mine :(

client/src/Pages/Product.js

@@ -166,20 +166,20 @@ function Product({ match, location }) {
                     <h3 style={{ borderBottom: "1px solid #91877F", paddingBottom: "5px", marginBottom: "1em" }} className="p-3">
                         설명
                         </h3>
-                    <Col className='m-3 text-center d-flex justify-content-center'>
-                        <div style={{ wordBreak: 'break-all', wordWrap: 'break-word', fontFamily: "맑은 고딕" }} className="p-3">
-                            <h1 className='m-3'>{product.name} </h1>
+                    <Col className='justify-content-center '>
+                            <h2 className='p-2 text-center border' style={{background : '#CDC5C2'}}>{product.name} </h2>
                             <>
-                            <Image src={`/images/${product.main_img}`} style={{ objectFit: "contain", width: '100%'}} />
+                            <Image src={`/images/${product.main_img}`} style={{ objectFit: "contain", maxWidth: "100%"}} />
                             </>
                             <Card className='m-3 d-flex justify-content-center'>
-                                <Card.Body>
+                                <Card.Body className='text-center'>
                                     {product.description}
                                 </Card.Body>
                             </Card>
-                            <h3 className='mt-5'>[ Detail Images ]</h3>
-                            <Image src={`/images/${product.detail_imgs}`} style={{ objectFit: "contain"}} className='m-3' />
-                        </div>
+                            <>
+                            <h4 className='my-4 text-center'>[ Detail Images ]</h4>
+                            <Image src={`/images/${product.detail_imgs}`} style={{ objectFit: "contain",  maxWidth: "100%"}}/>
+                            </>
                     </Col>
                 </Col>
             </Row>

client/src/Pages/ProductsList.js

@@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
 import ListCard from '../Components/ListCard';
 import axios from 'axios';
 import catchError from '../utils/catchErrors';
-import { Container, Row, Col, Form, FormControl, Button, Dropdown, ButtonGroup } from 'react-bootstrap';
+import { Container, Row, Col, Form, FormControl, Button, Dropdown, ButtonGroup, Image } from 'react-bootstrap';
 
 function ProductsList({ match }) {
     const [mainCategory, setMainCategory] = useState(match.params.main.toUpperCase())
@@ -60,9 +60,15 @@ function ProductsList({ match }) {
             console.log("subname response data=", response.data)
             setProductlist(response.data)
         } catch (error) {
-            console.log("error22")
+            console.log("오류입니다.")
         }
     }
+    // async function readygoods(event) {
+    //     const 
+    //     window.location.href='/'
+    // }
+
+
 
     return (
         <div>
@@ -113,20 +119,9 @@ function ProductsList({ match }) {
                     </Form>
                 </Row>
                 <Row md={8} sm={12} className="justify-content-center m-2">
-                    {productlist.map(pro => (
-                        // <ListCard as={Link} id={pro._id} name={pro.pro_name} price={pro.price} main_img={pro.main_imgUrl} to={{
-                        //     pathname: `/product/${pro._id}`,
-                        //     state: {
-                        //         id: pro._id,
-                        //         name: pro.pro_name,
-                        //         price: pro.price,
-                        //         colors: pro.colors,
-                        //         sizes: pro.sizes,
-                        //         description: pro.description,
-                        //         main_img: pro.main_imgUrl,
-                        //         detail_imgs: pro.detail_imgUrls
-                        //     }
-                        // }} />
+                    {productlist.length > 0 ?
+                        productlist.map(pro => (
+
                             <Link to={{
                                 pathname: `/product/${pro._id}`,
                                 state: {
@@ -139,10 +134,18 @@ function ProductsList({ match }) {
                                     main_img: pro.main_imgUrl,
                                     detail_imgs: pro.detail_imgUrls
                                 }
+                                // onClick={readygoods}
                             }}>
-                            <ListCard id={pro._id} name={pro.pro_name} price={pro.price} main_img={pro.main_imgUrl} />
+                                <ListCard id={pro._id} name={pro.pro_name} price={pro.price} main_img={pro.main_imgUrl}
+                                />
                             </Link>
-                    ))}
+                        ))
+                        : (
+                            <Image src="/sryimready.jpg" 
+                                 style={{ objectFit: "cover", width: "45 rem", height: "45 rem" }}></Image>
+                        
+                        )
+                    }
                 </Row>
             </Container>
         </div>

server/controllers/category.controller.js

@@ -51,20 +51,4 @@ const getsubId = async (req, res, next, ele) => {
     next()
 }
 
-// const userById = async (req, res, next, id) => {
-//     try {
-//         const user = await User.findById(id)
-//         if (!user) {
-//             res.status(404).send('사용자를 찾을 수 없습니다')
-//         }
-//         req.account = user
-//         next()
-//     } catch (error) {
-//         console.log(error);
-//         res.status(500).send('사용자 아이디 검색 실패')
-//     }
-// }
-
-
-
 export default { getCategory, getsubId, getSubCategory, getToHome }
\ No newline at end of file

server/controllers/product.controller.js

@@ -58,14 +58,6 @@ const getlist = (req, res) => {
     }
 }
 
-const subname = async (req, res) => {
-    try {
-        console.log("last subname::: LET ME SEE")
-        res.json(req.findsubname)
-    } catch (error) {
-        res.status(500).send('상품을 불러오지 못했습니다.')
-    }
-}
 
 const categoryId = async (req, res, next, category) => {
     try {
@@ -81,25 +73,20 @@ const categoryId = async (req, res, next, category) => {
     }
 }
 
+const subname = async (req, res) => {
+    try {
+        console.log("last subname::: LET ME SEE")
+        res.json(req.findsubname)
+    } catch (error) {
+        res.status(500).send('상품을 불러오지 못했습니다.')
+    }
+}
+
 const subcategoryId = async (req, res, next, subname) => {
     try {
         console.log("Please===>>>", subname)
         const findSubname = await Product.find({ sub_category: subname })
         console.log("findSubname111=", findSubname)
-        // const onlySub = findSubname.sub_category
-        // console.log(";;", onlySub)
-        // console.log(".", Object.values(onlySub))
-
-        if (!findSubname) {
-            const findSubname = {
-                _id: 'nothing',
-                pro_name: '상품준비중',
-                price: 0,
-                main_imgUrl:''
-            }
-            console.log("findSubname2222=", findSubname)
-            res.send(findSubname)
-        }
         res.send(findSubname)
     } catch (error) {
         res.send('상품을 불러오지 못했습니다.')