Merge pull request #30 from AtThePlace1/develop

Refact: static map src 수정

Author: fullkeem

next.config.mjs

@@ -29,8 +29,6 @@ const nextConfig = {
       {
         protocol: 'https',
         hostname: 'naveropenapi.apigw.ntruss.com',
-        port: '',
-        pathname: '/map-static/v2/raster',
       },
       {
         protocol: 'https',

src/app/_components/DetailCarousel.tsx

@@ -46,6 +46,7 @@ export default function DetailCarousel({ images }: DetailCarouselProps) {
               src={img}
               fill
               alt={`카페 이미지 ${idx + 1}`}
+              priority
               className="absolute h-full w-full object-cover"
               sizes="(max-width: 768px) 100vw,
           (max-width: 1200px) 50vw,

src/app/_components/StaticMap.tsx

@@ -6,7 +6,7 @@ interface StaticMapProps {
 }
 
 export default function StaticMap({ latitude, longitude }: StaticMapProps) {
-  const mapUrl = `https://naveropenapi.apigw.ntruss.com/map-static/v2/raster?&center=${longitude},${latitude}&level=15&scale=2&w=300&h=200&format=png&markers=type:d|size:small|pos:${longitude} ${latitude}&X-NCP-APIGW-API-KEY-ID=${process.env.NEXT_PUBLIC_NAVER_ID_KEY}&X-NCP-APIGW-API-KEY=${process.env.NEXT_PUBLIC_NAVER_MAP_KEY}`;
+  const mapUrl = `https://naveropenapi.apigw.ntruss.com/map-static/v2/raster?w=300&h=200&&center=${longitude},${latitude}&level=16&scale=2&format=png&markers=type:d|size:small|pos:${longitude} ${latitude}&X-NCP-APIGW-API-KEY-ID=${process.env.NEXT_PUBLIC_NAVER_ID_KEY}&X-NCP-APIGW-API-KEY=${process.env.NEXT_PUBLIC_NAVER_MAP_KEY}`;
 
   return (
     <div className="flexCenter h-full w-full">