perf(flutter): 사진을 그릴 크기로 줄여 메모리 사용을 줄임

공연(KOPIS) 포스터는 목록 썸네일도 원본이라(표본 15개 중앙 0.45MB · 최대 9.2MB) 그대로 풀면
사진 한 장에 수십 MB 를 쓴다. 그릴 크기 × 화면 배율로 가로를 정해 줄여 푼다(memCacheWidth).
cover 는 가로가 긴 사진도 세로를 채우도록 세로 × 2 까지 가로를 두고, 원본보다 크게 늘리지는 않는다.
내려받는 양은 그대로다(원본만 제공된다).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

flutter/lib/core/utils/image_decode.dart

@@ -0,0 +1,35 @@
+import 'dart:math' as math;
+
+import 'package:flutter/painting.dart';
+
+/// cover 로 채울 때 가로가 긴 사진(최대 2:1)도 세로를 채우도록 세로 길이의 이만큼까지 가로를 둔다
+const double kCoverAspectAllowance = 2;
+
+/// 사진을 화면에 그릴 크기에 맞춰 줄여 풀 가로 픽셀 수 (순수 함수).
+///
+/// 공연 포스터는 목록 썸네일도 원본(수 MB, 수천 픽셀)이라 그대로 풀면 사진 한 장에 수십 MB 를 쓴다.
+/// 가로만 정하면 비율은 유지되고, 원본보다 크게 늘리지는 않는다.
+/// - contain: 상자 가로만큼이면 된다
+/// - cover: 가로가 긴 사진도 세로를 채워야 하므로 max(가로, 세로 × [kCoverAspectAllowance])
+/// 크기를 모르면 null(원본 그대로 푼다).
+int? decodeWidthFor({
+  required double? boxWidth,
+  required double? boxHeight,
+  required BoxFit fit,
+  required double devicePixelRatio,
+}) {
+  final width = boxWidth != null && boxWidth.isFinite && boxWidth > 0
+      ? boxWidth
+      : null;
+  final height = boxHeight != null && boxHeight.isFinite && boxHeight > 0
+      ? boxHeight
+      : null;
+  final logical = switch ((width, height)) {
+    (final w?, final h?) =>
+      fit == BoxFit.cover ? math.max(w, h * kCoverAspectAllowance) : w,
+    (final w?, null) => w,
+    (null, final h?) => h * kCoverAspectAllowance,
+    (null, null) => null,
+  };
+  return logical == null ? null : (logical * devicePixelRatio).ceil();
+}

flutter/lib/shared/widgets/public_image.dart

@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 
 import 'package:wandergo/core/theme/app_colors.dart';
 import 'package:wandergo/core/theme/app_theme.dart';
+import 'package:wandergo/core/utils/image_decode.dart';
 import 'package:wandergo/shared/models/source_models.dart';
 
 /// 사진이 없거나 못 불러올 때의 자리 표시 — 분류별 배경색·아이콘
@@ -49,6 +50,8 @@ class PublicImage extends StatelessWidget {
       ),
     );
     final imageUrl = url;
+    final boxFit =
+        fit ?? (license == ImageLicense.type3 ? BoxFit.contain : BoxFit.cover);
     return ClipRRect(
       borderRadius: BorderRadius.circular(radius),
       child: SizedBox(
@@ -58,16 +61,21 @@ class PublicImage extends StatelessWidget {
             ? fallback
             : ColoredBox(
                 color: AppColors.placeholder,
-                child: CachedNetworkImage(
-                  imageUrl: imageUrl,
-                  width: width,
-                  height: height,
-                  fit:
-                      fit ??
-                      (license == ImageLicense.type3
-                          ? BoxFit.contain
-                          : BoxFit.cover),
-                  errorWidget: (_, _, _) => fallback,
+                // 크기를 정하지 않은 쪽(상세 위쪽 사진의 가로 등)은 실제로 받은 폭으로 계산한다
+                child: LayoutBuilder(
+                  builder: (context, constraints) => CachedNetworkImage(
+                    imageUrl: imageUrl,
+                    width: width,
+                    height: height,
+                    fit: boxFit,
+                    memCacheWidth: decodeWidthFor(
+                      boxWidth: width ?? constraints.maxWidth,
+                      boxHeight: height ?? constraints.maxHeight,
+                      fit: boxFit,
+                      devicePixelRatio: MediaQuery.devicePixelRatioOf(context),
+                    ),
+                    errorWidget: (_, _, _) => fallback,
+                  ),
                 ),
               ),
       ),