From fd3f393c890a4af17a0145c41734cc94b2aea5a5 Mon Sep 17 00:00:00 2001
From: hojin <devbang5674@gmail.com>
Date: Thu, 30 May 2024 18:43:56 +0900
Subject: [PATCH] =?UTF-8?q?fix=20:=20=EC=BB=A4=EB=AE=A4=EB=8B=88=ED=8B=B0?=
 =?UTF-8?q?=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=8A=A4=ED=83=80=EC=9D=BC=20?=
 =?UTF-8?q?=EC=9E=AC=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/community/shared/PostDetail.tsx        | 8 +++-----
 src/components/community/shared/PostItemImageItem.tsx | 9 +++------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/components/community/shared/PostDetail.tsx b/src/components/community/shared/PostDetail.tsx
index a4df89d..db9d5eb 100644
--- a/src/components/community/shared/PostDetail.tsx
+++ b/src/components/community/shared/PostDetail.tsx
@@ -98,12 +98,10 @@ const PostDetail = ({ postData }: PostDetailType) => {
       {(postData.images?.length as number) > 0 ? (
         <div className="flex flex-col gap-2 mt-5">
           {postData.images?.map((image, i) => (
-            <div className="w-[360px] h-[280px] relative" key={i}>
+            <div className="w-[360px] h-[280px]" key={i}>
               <Image
-                // width={360}
-                // height={280}
-                fill
-                sizes="360px"
+                width={360}
+                height={280}
                 alt="image"
                 quality={75}
                 src={image}
diff --git a/src/components/community/shared/PostItemImageItem.tsx b/src/components/community/shared/PostItemImageItem.tsx
index e946747..31443b0 100644
--- a/src/components/community/shared/PostItemImageItem.tsx
+++ b/src/components/community/shared/PostItemImageItem.tsx
@@ -3,14 +3,11 @@ import React from 'react';
 
 const PostItemImageItem = ({ image, count }: { image: string; count: number }) => {
   return (
-    <div
-      className={`${count > 1 ? 'w-[260px] h-[180px] relative' : 'w-[360px] h-[180px] z-1 relative'}`}>
+    <div className={`${count > 1 ? 'w-[260px] h-[180px]' : 'w-[360px] h-[180px] z-1'}`}>
       <Image
         src={image}
-        // width={`${count > 1 ? 260 : 360}`}
-        // height={180}
-        sizes="(max-width: 640px) 100vw, (max-width: 768px) 80vw, 360px"
-        fill
+        width={`${count > 1 ? 260 : 360}`}
+        height={180}
         className="rounded-sm object-cover w-full h-full"
         alt="image"
         priority