s3 이미지 렌더링 오류 해결

next.config.mjs

@@ -1,10 +1,16 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    output: 'standalone',
-    images: {
-        formats: ['image/avif', 'image/webp'],
-    },
+  output: "standalone",
+  images: {
+    formats: ["image/avif", "image/webp"],
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "soundflyer.s3.ap-northeast-2.amazonaws.com",
+        pathname: "/resources/images/**",
+      },
+    ],
+  },
 };
 
 export default nextConfig;
-

src/services/albumService.ts

@@ -39,9 +39,6 @@ export const getAllAlbums = async (
         pageSize,
       },
     });
-
-    console.log(response.data);
-
     return response.data;
   } catch (error) {
     if (axios.isAxiosError(error)) {