From 70cc770f7edb70417310a4492a79349759d91008 Mon Sep 17 00:00:00 2001
From: JeonSuna <jsa020910@gmail.com>
Date: Sun, 5 Jul 2026 21:35:07 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=B2=ABimg=EC=97=90=20fetchPriority?=
 =?UTF-8?q?=3D"high"=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/features/home/ui/PostCardList.tsx | 4 ++--
 src/shared/ui/CardItem.tsx            | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/features/home/ui/PostCardList.tsx b/src/features/home/ui/PostCardList.tsx
index 9ce0a5e..6c059a8 100644
--- a/src/features/home/ui/PostCardList.tsx
+++ b/src/features/home/ui/PostCardList.tsx
@@ -52,9 +52,9 @@ const PostCardList = ({ selectedTab }: PostCardListProps) => {
   return (
     <>
       <ul className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4">
-        {posts.map((item: CardItemProps) => {
+        {posts.map((item: CardItemProps, index: number) => {
           const postId = item.postId ?? item.id;
-          return <CardItem key={postId} {...item} id={postId} />;
+          return <CardItem key={postId} {...item} id={postId} priority={index === 0 && selectedTab === 0} />;
         })}
       </ul>
       {activeQuery?.isFetchingNextPage && <Loading />}
diff --git a/src/shared/ui/CardItem.tsx b/src/shared/ui/CardItem.tsx
index 6b237f8..67c5c7f 100644
--- a/src/shared/ui/CardItem.tsx
+++ b/src/shared/ui/CardItem.tsx
@@ -24,6 +24,7 @@ interface CardItemProps {
   viewCount: number;
   keywords?: string[];
   shortSummary: string;
+  priority?: boolean;
 }
 
 export const CardItem = forwardRef<HTMLLIElement, CardItemProps>(
@@ -39,6 +40,7 @@ export const CardItem = forwardRef<HTMLLIElement, CardItemProps>(
       publishedAt,
       isBookmarked,
       shortSummary,
+      priority = false,
     },
     ref,
   ) => {
@@ -116,8 +118,7 @@ export const CardItem = forwardRef<HTMLLIElement, CardItemProps>(
                   src={thumbnailUrl}
                   alt={`{${title} - 썸네일}`}
                   className=" w-full h-full object-cover"
-                  // loading="lazy"
-                  // decoding="async"
+                  fetchPriority={priority ? "high" : "auto"}
                 />
               ) : (
                 <p className="line-clamp-9 overflow-hidden text-clip min-h-45 text-sm">