『혼자 공부하는 바이브 코딩 with 클로드 코드』 완독 챌린지 2기 학습 기록 (5)

혼자 공부하는 바이브 코딩 with 클로드 코드 (5)

Openrouter API 연동을 통해 다양한 AI 모델을 사용할 수 있음. (무료/유료)
API KEY 같은 민감한 정보를 잘 관리해야함. (유출 조심)

무료는 사용제한에 쉽게 걸리거나 제약같은게 있음. (Prompt pricing 에서 FREE 세팅)
무료모델 한계 => Google AI Studio 에서 연동해서 해결함.

모델은 어떤 입력(Input Modalities)을 처리하냐에 따라
Text, Image, File, Audio, Video 종류가 있고 다양한 입력을 처리할 수 있는 (멀티 모달) 모델도 있음

추후 유료 API 연동이나 Google AI Studio(https://aistudio.google.com/) 사용방법을 공부해보는게 좋을듯

`nvidia/nemotron-3.5-lightning:free`는 경량 모델이라, 프롬프트로 "보유 재료만 사용하라"고 강하게 지시해도 가끔 목록에 없는 재료를 지어내는 경우가 있다. 매 요청마다 결과가 달라질 수 있으므로(모델의 비결정적 특성), 만족스럽지 않으면 "다른 레시피 보기"로 재시도하거나 더 큰 모델로 교체를 고려한다.

Claude Code의 구현 완료 요약 보고

무료 모델 요청 실패

App(냉장고를 부탁해 앱) <-> 오픈라우터 <-> Google AI Studio
Google AI Studio 에서 KEY 발급 (무료로 세팅)
오픈라우터에서 계정 Preferences 에서 BYOK에 Google AI Studio 발급받은 KEY 등록
Always use for this provider 설정 켜기 + 모델명 복사 (google/gemini-3.6-flash)
오픈라우터에서 연결할 때 사용할 모델명을 복사해오기 (https://openrouter.ai/provider/google-ai-studio)
App의 모델명만 수정 (예시)
- const VISION_MODEL = 'google/gemini-3.6-flash';
- const RECIPE_MODEL = 'google/gemini-3.6-flash';
주의 사항: 오픈라우터, 구글AI스튜디오 각각 무료 제한을 잘 파악해둘것!
월 100만건 이하라는 제한이 있는거 같긴한데 사용량이 많을 경우 제대로 파악하고 제한에 맞춰 사용할 것

Google AI Studio 무료 티어(Free Tier)의 호출 제한 RPM(분당 요청 수, 예: 15 RPM), RPD(일일 요청 수, 예: 1,500 RPD), 그리고 TPM(분당 토큰 수) 단위로 관리됨
OpenRouter는 BYOK 사용 시 월 1,000,000건(100만 건)까지 수수료 없이 무료로 호출할 수 있는 정책을 운영, 무료 한도를 초과할 때에만 초과 사용량에 대해 5%의 플랫폼 수수료가 부과

Openrouter에서 BYOK로 Google AI Studio 추가하기 + Always use for this provider 켜기

정상동작 01 냉장고 사진 인식

정상동작 02 레시피 추천

호출 후 Google AI Studio 사용량 증가

API = 프로그램 간 통신을 위한 다리, 통신 규칙
오픈라우터(https://openrouter.ai/) 여러 AI 모델 API를 한곳에 모은 통합 플랫폼
API KEY = API 사용자 인증용 키
.env = (API 키, 비밀번호, DB 접속 정보 같은 민감한 설정값을 따로 저장해두는 텍스트 파일) 보안 필수
.gitignore = Git 버전 관리에 제외할 파일, 파일 유형을 지정해서 저장하는 파일
모델은 어떤 입력(Input Modalities)을 처리하냐에 따라 Text, Image, File, Audio, Video 종류가 있고 다양한 입력을 처리할 수 있는 (멀티 모달) 모델도 있음