Angular Firebase AI 앱을 Nano Banana 2로 마이그레이션하여 고해상도 이미지 생성 및 Thinking Levels 기능을 활용하는 방법을 안내합니다

Context

기존 Firebase AI Logic 앱은 모델 파라미터를 TypeScript 파일에 하드코딩하여 버전 업데이트 시 코드 변경이 필요했다. 고정된 생성 설정은 A/B 테스트와 동적 모델 전환을 어렵게 만들었다.

Technical Solution

• Firebase Remote Config → 모델 이름과 Thinking Level을 외부에서 관리하여 배포 없이 설정 변경 가능
• Vertex AI SDK의 ThinkingLevel enum → Remote Config 문자열을 매핑하여 Reasoning 수준 제어
• Angular Signal Forms → aspectRatio와 resolution 선택 시 반응형 상태 관리
• 프롬프트 워크어라운드 → SDK 미지원 파라미터를 프롬프트에 직접 포함

Impact

8:1과 1:8 비율, 512px 이상 고해상도 이미지 생성 가능

Key Takeaway

AI 모델 파라미터를 Firebase Remote Config로 분리하면 다음 모델로의 전환이 최소한의 코드 변경으로 가능해진다