Merge branch 'develop'

Author: JeonSuna

src/features/home/consts/tab.ts

@@ -1,5 +1,5 @@
 export const TAB_MAP = [
-  "기업별 게시글",
+  "기업별 게시글!",
   "나와 맞는 게시글",
   "최근 생성된 게시글",
   "인기순",

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 />}

src/pages/mypage/AskPage.tsx

@@ -106,8 +106,10 @@ const AskPage = () => {
             <section className="rounded-xl border border-normal bg-bgStrong p-8">
               <h3 className="mb-1 body-sb-18">안내사항</h3>
               <ul className="list-disc pl-5 body-r-14 font-alternative marker:text-xs marker:font-alternative">
-                <li>문의 접수 후 영업일 기준 1~2일 내에 답변드릴 예정입니다.</li>
-                <li>상담은 고객센터(0000-0000)로도 가능합니다.</li>
+                <li>
+                  문의 접수 후 영업일 기준 1~2일 내에 답변드릴 예정입니다.
+                </li>
+                <li>상담은 고객센터(0000-0001)로도 가능합니다.</li>
               </ul>
             </section>
           </>

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">