From b66ce17f092c57607ef5db6428e94417f55cfc3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=A4=EB=A6=AC?= <1gyn093@gmail.com>
Date: Tue, 5 Aug 2025 20:35:02 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20auction-card-skeleton=20=EC=82=AC?=
 =?UTF-8?q?=EC=9D=B4=EC=A6=88=20=EB=A7=9E=EC=B6=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../web/src/components/auction/auction-card-skeleton.tsx | 9 ++++-----
 apps/web/src/components/common/auction-card/card.tsx     | 2 --
 apps/web/src/components/common/auction-card/list.tsx     | 2 +-
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/web/src/components/auction/auction-card-skeleton.tsx b/apps/web/src/components/auction/auction-card-skeleton.tsx
index 3681493d..6bc436a3 100644
--- a/apps/web/src/components/auction/auction-card-skeleton.tsx
+++ b/apps/web/src/components/auction/auction-card-skeleton.tsx
@@ -1,11 +1,10 @@
 const AuctionItemCardSkeleton = () => {
   return (
-    <div className="flex w-full animate-pulse items-center justify-between gap-2.5">
-      <div className="w-26.5 h-26.5 rounded-lg bg-neutral-200" />
-      <div className="flex-1 space-y-2.5 [&_div]:rounded [&_div]:bg-neutral-200">
-        <div className="h-6 w-3/4" />
+    <div className="mb-2 flex w-full animate-pulse justify-between gap-2.5">
+      <div className="size-21.5 rounded-lg border-neutral-200 bg-neutral-200" />
+      <div className="mt-2 flex-1 space-y-2 [&_div]:rounded [&_div]:bg-neutral-200">
+        <div className="h-5 w-3/4" />
         <div className="h-4 w-3/5" />
-        <div className="w-15 h-6" />
       </div>
     </div>
   );
diff --git a/apps/web/src/components/common/auction-card/card.tsx b/apps/web/src/components/common/auction-card/card.tsx
index 75c40dd7..f43a92d3 100644
--- a/apps/web/src/components/common/auction-card/card.tsx
+++ b/apps/web/src/components/common/auction-card/card.tsx
@@ -55,12 +55,10 @@ const AuctionItemCard = ({
       className="relative mb-2 flex w-full items-center justify-between gap-2.5 overflow-hidden"
     >
       <div className="z-auto">
-        {/* <BadgeBidStatus status={finalStatus} /> */}
         <Thumbnail
           url={thumbnailUrl}
           alt={`${title} 썸네일`}
           size={86}
-          className="size-24"
           priority={idx! < 5}
           quality={50}
           fetchPriority={idx === 0 ? 'high' : undefined}
diff --git a/apps/web/src/components/common/auction-card/list.tsx b/apps/web/src/components/common/auction-card/list.tsx
index 45202733..a8f85822 100644
--- a/apps/web/src/components/common/auction-card/list.tsx
+++ b/apps/web/src/components/common/auction-card/list.tsx
@@ -47,7 +47,7 @@ const AuctionItemList = ({
 
   if (isLoading) {
     return (
-      <div className="flex min-h-[100vhd] flex-col gap-4">
+      <div className="flex min-h-[100vhd] flex-col">
         {Array.from({ length: 5 }).map((_, i) => (
           <AuctionItemCardSkeleton key={i} />
         ))}

From e5625bf6273a3936c56c76b02699a793f9afef63 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=A4=EB=A6=AC?= <1gyn093@gmail.com>
Date: Tue, 5 Aug 2025 20:35:31 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20categories=20filter=20skeleton=20?=
 =?UTF-8?q?=EC=82=AC=EC=9D=B4=EC=A6=88=20=EB=A7=9E=EC=B6=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/web/app/profile/page.tsx                         | 1 -
 apps/web/src/components/auction/categories-filter.tsx | 4 ++--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/web/app/profile/page.tsx b/apps/web/app/profile/page.tsx
index 23edd514..c919aeef 100644
--- a/apps/web/app/profile/page.tsx
+++ b/apps/web/app/profile/page.tsx
@@ -10,7 +10,6 @@ import ButtonSignOut from '@/components/user/button-sign-out';
 
 import { getMyProfile } from '@/lib/actions/profile';
 
-export const dynamic = 'force-dynamic';
 const ProfilePage = async () => {
   const profile = await getMyProfile();
   if (!profile) {
diff --git a/apps/web/src/components/auction/categories-filter.tsx b/apps/web/src/components/auction/categories-filter.tsx
index 47add1d9..de737537 100644
--- a/apps/web/src/components/auction/categories-filter.tsx
+++ b/apps/web/src/components/auction/categories-filter.tsx
@@ -11,9 +11,9 @@ const CategoriesFilter = () => {
 
   if (isLoading || !categoriesData) {
     return (
-      <div className="my-3 flex gap-2">
+      <div className="mb-3 mt-2 flex gap-2">
         {Array.from({ length: 6 }).map((_, i) => (
-          <div key={i} className="w-89 h-[35px] animate-pulse rounded bg-neutral-200" />
+          <div key={i} className="w-89 h-[35px] animate-pulse rounded-md bg-neutral-200" />
         ))}
       </div>
     ); // 로딩 상태에서의 스켈레톤 UI