Merge pull request #134 from YAPP-Github/fix/temp-image-unoptimized

Author: Seojunhwan

src/app/(auth)/login/page.tsx

@@ -27,6 +27,8 @@ export default function LoginPage() {
           alt='로그인 배경화면'
           fill
           priority
+          // TODO: 추후 제거
+          unoptimized
         />
 
         <GNB
@@ -50,6 +52,8 @@ export default function LoginPage() {
             alt='로그인 일러스트'
             width={149}
             height={139}
+            // TODO: 추후 제거
+            unoptimized
           />
         </div>
 

src/app/(home)/_components/RecentCheers/RecentCheers.tsx

@@ -96,6 +96,8 @@ const RecentSupportCard = ({
           alt={`${store.name} 가게 이미지`}
           className={styles.storeImage}
           src={store.imageUrl}
+          // TODO: 추후 제거
+          unoptimized
         />
         <VStack gap={2}>
           <Text as='span' typo='body2Sb' color='text.normal'>

src/app/(home)/_components/RecentlySupportStories/RecentlySupportStories.tsx

@@ -100,6 +100,8 @@ const SupportedStoreCard = ({
           src={imageUrl}
           alt={`${storeName} 가게 이미지`}
           objectFit='cover'
+          // TODO: 추후 제거
+          unoptimized
         />
       </div>
       <VStack className={styles.supportedStoreCardContent}>

src/app/(home)/_components/RegisterPopup/RegisterPopup.tsx

@@ -77,6 +77,8 @@ export const RegisterPopup = () => {
                         height: "214px",
                         marginLeft: "10px",
                       }}
+                      // TODO: 추후 제거
+                      unoptimized
                     />
                   </div>
                 </div>

src/app/(home)/_components/ServiceIntroBottomSheet/ServiceIntroBottomSheet.tsx

@@ -111,6 +111,8 @@ export const ServiceIntroBottomSheet = () => {
                         src={content.imageSrc}
                         alt={content.imageAlt}
                         priority
+                        // TODO: 추후 제거
+                        unoptimized
                       />
                     </motion.div>
                   </AnimatePresence>

src/app/(home)/_components/StoreStory/StoreStory.tsx

@@ -99,6 +99,8 @@ const StoreStoryCard = ({ src, title, description }: StoreStoryCardProps) => {
         src={src}
         alt={`${title} 가게 이야기 이미지`}
         className={styles.storyImage}
+        // TODO: 추후 제거
+        unoptimized
       />
       <div className={styles.storyCardGradient} />
       <VStack gap={4} style={{ zIndex: 1, position: "relative" }}>

src/app/(home)/_components/Story/StoryList/StoryList.tsx

@@ -33,6 +33,8 @@ export const StoryList = () => {
               alt={`스토리 이미지 ${story.storyId}`}
               className={styles.storyImage}
               objectFit='cover'
+              // TODO: 추후 제거
+              unoptimized
             />
           </div>
         </div>

src/app/(store)/stores/(list)/_components/StoreCategory/StoreCategory.tsx

@@ -41,6 +41,8 @@ export const StoreCategories = ({
               alt={category.label}
               width={category.label === "전체" ? 26 : 24}
               height={category.label === "전체" ? 26 : 24}
+              // TODO: 추후 제거
+              unoptimized
             />
           </div>
           <Text

src/app/(store)/stores/(list)/_components/StoreList/StoreList.tsx

@@ -131,6 +131,8 @@ const StoreImages = ({ storeId }: { storeId: number }) => {
                   data-first={index === 0}
                   data-last={index === images.length - 1}
                   className={styles.storeImage}
+                  // TODO: 추후 제거
+                  unoptimized
                 />
               ) : (
                 <EmptyImage

src/app/(store)/stores/[storeId]/_components/StoreInfo/StoreInfo.tsx

@@ -49,6 +49,8 @@ const StoreInfoImageCarousel = ({ storeId }: { storeId: number }) => {
               src={image}
               fill
               alt={`${index + 1}번째 가게 이미지`}
+              // TODO: 추후 제거
+              unoptimized
             />
           </div>
         ))}