번들 최적화 — 앱 크기를 줄이는 전략

# Metro 번들 시각화
npx react-native-bundle-visualizer

# 번들 크기 확인
npx react-native bundle --platform ios --dev false --entry-file index.js --bundle-output /tmp/ios.bundle
ls -lh /tmp/ios.bundle

바이트코드 프리컴파일로 번들 크기 감소:
JSC 번들: ~15MB → Hermes 바이트코드: ~8MB (약 50% 감소)

// android/app/build.gradle
def enableProguardInReleaseBuilds = true

android {
    buildTypes {
        release {
            minifyEnabled enableProguardInReleaseBuilds
            shrinkResources true
        }
    }
}

# 사용하지 않는 패키지 찾기
npx depcheck

# 번들에 큰 영향을 미치는 패키지 확인
# moment.js → day.js로 교체 (70KB → 2KB)
# lodash → lodash-es 또는 개별 함수 import

// 나쁜 예: lodash 전체 import → ~70KB
import _ from 'lodash';
_.debounce(fn, 300);

// 좋은 예: 개별 함수만 import → ~1KB
import debounce from 'lodash/debounce';
debounce(fn, 300);

# PNG → WebP 변환 (60-80% 크기 감소)
# 큰 이미지는 CDN에서 로드 (번들에 포함하지 않음)

# 앱 아이콘과 스플래시만 번들에 포함
# 나머지 이미지는 네트워크에서 로드 + 캐싱

주요 라이브러리별 크기 기여:
react-native-maps     : ~5MB
react-native-firebase  : ~3-10MB (모듈별)
lottie-react-native    : ~3MB
react-native-svg       : ~1MB

APK: 모든 아키텍처, 해상도 포함 → 큰 크기
AAB: 디바이스에 맞는 것만 다운로드 → 작은 크기

APK: 30MB → AAB: 15MB (약 50% 감소)

// 기존: 모든 모듈을 앱 시작 시 로드
import HeavyModule from './HeavyModule';

// Inline Require: 실제 사용 시점에 로드
const HeavyModule = require('./HeavyModule').default;

// metro.config.js에서 전역 설정
module.exports = {
  transformer: {
    getTransformOptions: async () => ({
      transform: {
        experimentalImportSupport: false,
        inlineRequires: true, // 자동 인라인 require
      },
    }),
  },
};