next.js 수정

Author: EunbinJung

next.config.ts

@@ -5,14 +5,18 @@ const nextConfig: NextConfig = {
     scrollRestoration: false,
   },
   images: {
-    domains: ['team2-app-s3-bucket.s3.ap-northeast-2.amazonaws.com'],
+    // 외부 이미지 최적화 완전 비활성화 (Vercel 유료 기능 회피)
+    unoptimized: true,
+    domains: [
+      'team2-app-s3-bucket.s3.ap-northeast-2.amazonaws.com',
+      'team2-app-s3-bucket.s3.amazonaws.com',
+    ],
     remotePatterns: [
       {
         protocol: 'https',
         hostname: 'www.thecocktaildb.com',
       },
     ],
-    qualities: [25, 50, 75, 90, 100],
   },
   env: {
     NPUBLIC_API_URL: process.env.NEXT_PUBLIC_API_URL,

src/domains/main/cocktailDrop/CocktailDrop.tsx

@@ -2,7 +2,7 @@
 
 import Image from 'next/image';
 import Cocktailcup from '../../../../public/CocktailDrop.webp';
-import { useLayoutEffect, useRef, useState } from 'react';
+import { useLayoutEffect, useRef } from 'react';
 import gsap from 'gsap';
 import { ScrollTrigger } from 'gsap/all';
 import PassBtn from './PassBtn';
@@ -44,21 +44,6 @@ function CocktailDrop({ isDesktop = false }: CocktailDropProps) {
         }
       );
 
-      const cupElement = cupRef.current;
-      const logoElement = logoRef.current;
-
-      if (!cupElement || !logoElement) return;
-
-      const cupRect = cupElement.getBoundingClientRect();
-      const logoRect = logoElement.getBoundingClientRect();
-
-      // container 기준 상대 위치 계산
-      const containerTop = containerRef.current?.getBoundingClientRect().top || 0;
-      const cupTopRelative = cupRect.top - containerTop + 10;
-      console.log('containerTop', containerTop);
-      console.log('cupTopRelative', cupTopRelative);
-      console.log('logoRect.height', logoRect.height);
-
       const getFinalY = (width: number): number => {
         if (width >= 1800) return 200;
         if (width >= 1400) return 10;