Merge pull request #136 from Moaguide-develop/feat/productpage

Feat/productpage

Author: eun-hak

src/components/home/MainReportItem.tsx

@@ -3,7 +3,7 @@ import type { MainReportType } from '@/types/homeComponentsType';
 import { formatCategory } from '@/utils/formatCategory';
 import { format, parseISO } from 'date-fns';
 import React from 'react';
-
+import Image from 'next/image';
 const MainReportItem = ({ category, title, date, link, description, imageLink }: MainReportType) => {
 
   const handleClick = () => {
@@ -22,9 +22,11 @@ const MainReportItem = ({ category, title, date, link, description, imageLink }:
       </div>
       {/* 오른쪽 */}
       <div className='h-full'>
-        <img
+        <Image
           src={imageLink}
           alt="img"
+          width={90}
+          height={75}
           className="w-[90px] h-[75px] sm:w-[132px] sm:h-[93px] rounded-[8px] mb-auto"
         />
       </div>

src/components/product/Dividend.tsx

@@ -56,15 +56,15 @@ const Dividend = memo(({ dividend }: DividendProps) => {
         modules={[Navigation]}
         breakpoints={{
           320: {
-            slidesPerView: 1,
+            slidesPerView: dividend.length === 1 ? 1 : 2,
             spaceBetween: 10
           },
           480: {
-            slidesPerView: 1,
+            slidesPerView: dividend.length === 1 ? 1 : 2,
             spaceBetween: 10
           },
           640: {
-            slidesPerView: 2,
+            slidesPerView: dividend.length === 1 ? 1 : 2,
             spaceBetween: 10
           }
         }}