Google AI Studio Coder 2.0: Gemini 3에 대비한 완전 무료 AI 코더 업그레이드

AICodeKing 구독자 71,200명

요약

이 영상에서는 Google AI Studio의 빌드 페이지가 완전히 재정비된 인터페이스로 새롭게 출시된 AI Studio Coder 2.0을 소개합니다. Gemini API를 직접 선택·추가해 모델 기반 앱을 생성하고, React·Angular TypeScript, 음성-텍스트, 파일 업로드 같은 다양한 커스터마이징을 지원합니다. ‘I’m feeling lucky’ 원클릭 데모로 설계·코드 생성·편집 과정을 자동화하고, 코드 복제·다운로드·GitHub 연동·Google Cloud 배포·공유까지 통합 워크플로를 제공합니다. 전반적으로 Vibe Coding 경험을 크게 개선한 이 도구가 실제로 얼마나 빠르고 정확한지 확인해 봅니다.

주요 키워드

AI Studio Build Gemini API Vibe Coding Nano Banana React TypeScript Angular TypeScript GitHub 연동 Google Cloud 배포 Photogenius AI VO3

하이라이트

🔑 AI Studio 빌드 페이지가 새로운 인터페이스로 완전 업그레이드되어 더 직관적으로 바뀌었습니다.
⚡️ Gemini API를 개별 선택해 모델 컨텍스트를 직접 추가하면 챗봇, 이미지 컨버터 등 다양한 AI 앱을 바로 생성할 수 있습니다.
🌟 React TypeScript와 Angular TypeScript를 모두 지원해 원하는 프론트엔드 스택으로 앱을 개발할 수 있습니다.
📌 음성→텍스트 변환과 PDF·이미지·텍스트 파일 업로드 기능으로 상세 요구사항을 즉시 반영할 수 있습니다.
🚀 ‘I’m feeling lucky’ 버튼 한 번이면 플래닝, 코드 생성, 편집 과정을 자동으로 거쳐 실제 동작하는 앱이 완성됩니다.
💾 코드 복제, 다운로드, GitHub 동기화, Google Cloud 배포, 공유·퍼블리시 옵션으로 앱 관리부터 배포까지 원클릭으로 처리합니다.
✨ 스폰서 Photogenius AI를 통해 Nano Banana·VO3 기반 이미지·비디오·3D 모델 생성 기능도 손쉽게 체험할 수 있습니다

용어 설명

AI Studio Build

Google에서 제공하는 AI 기반 앱 생성 전용 빌드 페이지 인터페이스

Gemini API

Google의 대규모 언어 모델 API로 자연어 처리 및 생성 기능을 앱에 통합할 수 있습니다.

Vibe Coding

AI 도구를 활용해 코드 작성 과정을 자연스럽게 진행하는 개발 방식

Nano Banana

Google이 제공하는 경량 이미지 생성 모델 API

React TypeScript

타입스크립트를 사용하는 React 프레임워크 기반 개발 환경

Angular TypeScript

Google 내부 도구에도 쓰이는 Angular 프레임워크 기반 TS 개발 환경

VO3

Google의 비디오 생성 모델 API

Photogenius AI

이미지·비디오·3D 모델 등 다기능 AI 크리에이션 툴킷

Google AI Studio의 빌드 페이지가 새 인터페이스로 업데이트되었다는 전반적 소개입니다. 기존에 다룬 경험을 언급하며 이번 개편의 의의를 간략히 설명합니다.

[00:20] AI Studio의 빌드 옵션에 접근하는 방법을 설명하고, 새로운 인터페이스가 단순한 코딩 도구가 아닌 앱 제작 플랫폼을 지향한다고 설명합니다.

AI Studio가 Lovable·Bolt와 같은 앱 생성 도구로 자리매김하며, Gemini 모델 컨텍스트를 자동으로 포함해 AI 기반 앱을 제작할 수 있음을 설명합니다.

[00:58] 나노 AI 기반 이미지 변환기나 Gemini 모델 챗봇 등을 만들 수 있으며, 일반 코딩 도구로도 사용 가능하다고 언급합니다.

Gemini 모델 버전 변경, 특정 API(nano banana·voice API 등) 추가, 시스템 명령어 삽입 등 앱 제작 초기 설정 옵션을 다룹니다.

[01:17] 이전에는 시스템 프롬프트에 모든 Gemini API 정보가 포함되었지만, 이제는 필요한 API를 선택적으로 추가할 수 있다고 설명합니다.

[01:36] '운이 좋다면' 버튼으로 데모 프롬프트를 받을 수 있고, 모델 변경 기능과 사용자 정의 시스템 지시사항 추가 기능을 소개합니다.

React TypeScript와 Angular TypeScript 두 가지 스택을 모두 지원하며, Google 내부 도구에는 Angular, 일반 개발자에는 React 옵션이 제공된다는 점을 언급합니다.

[02:05] React TypeScript와 Angular TypeScript 지원에 대해 설명하며, Angular가 지원되는 이유를 구글의 내부 사용과 연결지어 설명합니다.

음성-텍스트 기능을 사용한 프롬프트 입력과 PDF·이미지·텍스트 파일 업로드를 통해 세부 요구사항을 명확히 반영하는 방법을 소개합니다.

[02:23] 음성-텍스트 변환을 통한 프롬프트 작성 기능과 파일 업로드를 통한 상세 지시사항 제공 기능을 소개합니다.

사이드바에서 이전 생성 앱을 확인·고정하고, Google이 큐레이션한 템플릿을 갤러리에서 불러올 수 있음을 설명합니다. 또한 FAQ 페이지도 제공됩니다.

[02:57] 왼쪽 사이드바의 이전 생성물 관리, 앱 갤러리의 템플릿 활용, '내 앱' 섹션을 통한 작업물 관리 기능을 설명합니다.

[03:31] 스폰서 소개 전에 구글 AI 스튜디오 코더의 새로운 기능들을 살펴보겠다고 예고하며, 오늘의 스폰서 Photogenius AI를 소개합니다.

Nano Banana·VO3 기반 이미지·영상·3D 모델 생성 기능을 갖춘 Photogenius AI를 소개하며, 할인 코드 king30을 통해 합리적인 가격에 이용할 수 있음을 알립니다.

[03:38] Photogenius AI는 텍스트 입력만으로 놀라운 비주얼을 생성하는 올인원 AI 창작 도구로, 구글의 Nano Banana와 VO3를 활용한 이미지·동영상 생성과 저렴한 3D 모델 생성을 지원합니다.

[03:56] 이미지 플레이그라운드에서는 Nanobanana를 통한 빠른 고품질 이미지 생성과 레퍼런스 이미지 추가 및 편집이 가능하며, Flux, Stable Diffusion 등 여러 모델을 한곳에서 사용할 수 있습니다.

[04:09] 동영상 플레이그라운드는 구글 V3를 지원하여 복잡한 설정 없이 다양한 스타일로 렌더링할 수 있고, 3D 기능으로는 PNG 업로드만으로 인쇄 가능한 모델을 생성할 수 있습니다.

[04:29] V3와 Nano Banana의 최고 수준 가격과 함께 아바타, 배경 제거, 로고 등 10개의 추가 AI 도구를 제공하며, 쿠폰 코드 king30으로 30% 추가 할인이 가능합니다.

‘I’m feeling lucky’ 버튼으로 플래닝, 코드 생성, 편집 과정을 거쳐 AI가 앱 뼈대를 빠르게 완성하는 흐름을 시연합니다.

[04:53] 구글 AI 스튜디오의 '행운의 버튼' 기능을 시연하며, 왼쪽 채팅 인터페이스에서 기획-코드생성-편집의 여러 단계를 거쳐 앱을 자동으로 구축하는 과정을 보여줍니다.

[05:16] 오른쪽에는 미리보기가 표시되고, 상단에는 코드 보기, 전체화면, 반응형 확인 옵션이 있으며, 비교적 빠르고 정확한 앱 생성 과정을 설명합니다.

[05:40] 앱 생성이 완료되면 Gemini API를 사용하는 잘 작동하는 앱이 생성되며, 무료가 아닌 API 사용 시 크레딧이 필요하다고 설명합니다.

생성된 앱의 실시간 미리보기, 전체화면 모드, 모바일 반응형 확인·회전 옵션을 통해 UI를 점검하는 방법을 보여 줍니다.

[06:02] 코드 옵션에서는 생성된 모든 파일을 확인할 수 있고 편집도 가능하며, 미리보기에서는 전체화면으로 앱을 확인하고 모바일 옵션으로 반응형을 테스트할 수 있습니다.

[06:42] Google AI Studio의 상단 메뉴 옵션들을 설명합니다. 복사 옵션으로 앱을 복제하여 원본에 영향 없이 편집할 수 있으며, 다운로드 옵션으로 앱 파일을 로컬에서 사용할 수 있습니다.

앱을 클론(복제)해 브랜치처럼 관리하고, 파일 다운로드로 로컬 개발, GitHub 저장소 동기화 기능을 활용하는 워크플로우를 설명합니다.

[07:22] GitHub 연동 기능이 가장 좋은 옵션이라고 소개합니다. 리포지토리 생성, GitHub 계정 인증, 커밋 관리 등을 통해 프로젝트를 동기화하여 진행 상황을 보호할 수 있습니다.

[07:59] Google Cloud 배포 옵션과 앱 공유 기능을 설명합니다. 간단한 프롬프트로 몇 초 만에 프로덕션 배포가 가능하며, 링크를 통해 코드와 함께 앱을 공유할 수 있습니다.

Google Cloud 연동을 통해 몇 초 만에 프로덕션에 배포하고, 앱 링크 복사·공유, 공개 퍼블리싱, API 키 설정 기능으로 외부 접근 관리를 수행합니다.

타임라인 정보가 없습니다.

[00:00] [음악]

[00:03] [박수]

[00:04] 안녕하세요, 또 다른 영상에 오신 것을 환영합니다.

[00:08] 구글이 AI Studio의 빌드 페이지를 업데이트했는데,

[00:11] 이전에도 다뤘던 주제이지만,

[00:13] 이번엔 더 좋아지고

[00:16] 인터페이스도 크게

[00:18] 바뀌었습니다.

[00:20] 이 주제로 한 두 번 영상을 만든 적이 있는데

[00:23] 정말 마음에 들었거든요.

[00:27] 아무튼, 이 기능은 AI Studio의

[00:29] 빌드 옵션에서 접근할 수 있습니다.

[00:33] AI Studio로 가서

[00:36] 왼쪽 사이드바에서 빌드

[00:38] 옵션을 찾으면 이 새로운

[00:40] 인터페이스를 볼 수 있습니다.

[00:42] 이렇게 인터페이스가 열립니다.

[00:45] 이건 단순한 코딩 도구가 아니라,

[00:47] Lovable이나 Bolt 같은 앱 제작 도구를 지향하면서도

[00:50] Gemini API의 컨텍스트를 모델에 제공해서

[00:53] 해당 모델들로 구동되는

[00:57] 앱을 만들 수 있게 해줍니다.

[00:58] 나노 AI 기반의 이미지 변환기나

[01:01] Gemini 모델을 사용한 챗봇 같은 걸

[01:04] 만들어달라고 요청할 수 있어서

[01:06] 좋은 선택지입니다.

[01:08] 물론 이걸 사용하지 않고

[01:12] 일반적인 코딩 도구로

[01:14] 사용하라고 할 수도 있습니다.

[01:17] 이전에는 시스템 프롬프트에

[01:20] 모든 Gemini API의 컨텍스트가 들어있었는데,

[01:23] 이제는 구현하고 싶은 정확한 API를

[01:26] 이 옵션들로

[01:29] 추가할 수 있습니다. 나노 API나

[01:32] 음성 API 등을 추가할 수 있죠.

[01:36] '운이 좋다면' 버튼을 누르면

[01:40] 데모 프롬프트를 제공해주는데

[01:42] 이것도 꽤 멋집니다.

[01:46] 모델 옵션을 눌러서

[01:48] 다양한 모델들 사이에서

[01:50] 변경할 수도 있습니다.

[01:52] Gemini 3가 나오면

[01:54] 이 기능이 유용할 겁니다.

[01:57] 특정 규칙을 따르게 하거나

[01:59] 그런 류의 작업을 위해

[02:01] 사용자 정의 시스템 지시사항도 추가할 수 있습니다.

[02:05] React TypeScript나 Angular

[02:07] TypeScript로

[02:09] 앱을 개발할 수 있습니다.

[02:12] Angular가 지원되는 이유는

[02:14] 구글이 내부 도구에서 많이 사용하고

[02:17] 대부분 구글 소유이기 때문이고,

[02:20] React는 우리 같은

[02:22] 일반인들을 위한 거죠.

[02:23] 음성-텍스트 변환 기능으로 프롬프트를 받아쓰기 하려면

[02:27] 여기 선택기에서

[02:29] 마이크를 추가할 수도 있는데,

[02:32] 많은 사람들이

[02:33] 프롬프트 작성에 음성-텍스트 변환을

[02:36] 좋아하는 것 같으니 흥미로운 사용 사례죠.

[02:40] 파일을 추가해서

[02:42] 제품 요구사항 문서나

[02:45] PDF, 이미지, 텍스트 파일 같은 걸로

[02:49] 지시사항을 줄 수도 있습니다.

[02:52] 정확한 사양과

[02:54] 세부사항을 따르게 하려면

[02:57] 정말 훌륭한 기능입니다.

[03:00] 왼쪽에는 이전에 생성한

[03:02] 앱들이 표시되는 사이드바가 있고,

[03:05] 원한다면 이런 생성물들을

[03:08] 고정할 수도 있습니다.

[03:10] 구글이 큐레이션한 생성물들을

[03:13] 볼 수 있는 앱 갤러리도 있어서,

[03:16] 이걸 템플릿으로 사용해서

[03:18] 편집한 다음

[03:20] 배포할 수 있습니다.

[03:23] 정말 좋은 기능이죠. '내 앱' 옵션도 있는데

[03:25] 여기서 이전에 만든

[03:27] 작업물들을

[03:28] 볼 수 있습니다.

[03:31] 질문들을 확인할 수 있습니다. 이제 본격적으로

[03:34] 살펴보겠습니다. 하지만 그 전에

[03:36] 오늘의 스폰서인

[03:38] Photogenius AI를 소개하겠습니다. Photogenius AI는

[03:41] 올인원 AI 기반 창작 도구로

[03:44] 텍스트를 입력하면

[03:46] 즉시 놀라운 비주얼을 생성해줍니다. 또한

[03:48] 구글의 Nano Banana를 이용한

[03:50] 이미지 생성과 VO3를 이용한 동영상 생성, 그리고

[03:53] 저렴한 3D 모델 생성을 제공합니다.

[03:56] 이미지 플레이그라운드에서 Nanobanana는

[03:58] 빠르고 고품질의 이미지 생성에 뛰어납니다.

[04:01] 레퍼런스 이미지를 추가하고

[04:03] 도구 내에서 바로 편집할 수 있습니다.

[04:04] Flux, Stable Diffusion, Kandinski 등을

[04:07] 한 곳에서 사용할 수 있습니다. 동영상 플레이그라운드는

[04:09] 레퍼런스 이미지 유무에 관계없이 구글 V3를 지원하며

[04:12] 다양한 스타일로 렌더링할 수 있고

[04:14] 기존의 복잡함 없이

[04:16] 사용할 수 있습니다. 복잡한 설정보다는

[04:18] 결과를 원하는 개발자들에게 적합합니다. 3D의 경우

[04:20] PNG를 업로드하면, 레고 빌드나

[04:23] 간단한 로봇 같은 것을 인쇄 가능한 모델로 만들어줍니다.

[04:25] 저렴하고 빠르며 신속한 프로토타이핑에

[04:27] 놀랍도록 깔끔합니다. 가격은

[04:29] V3와 Nano Banana 중에서도 최고 수준입니다.

[04:32] 또한 약 10개의 다른

[04:34] 유용한 AI 도구들, 아바타, 배경

[04:36] 제거, 로고, 이모지, 광고, 앱 아이콘 등을

[04:39] 창작 도구 모음에서 사용할 수 있습니다.

[04:41] 낮은 진입 가격에서 시작하며

[04:43] 제 쿠폰 코드 king30으로 추가로

[04:46] 30% 할인받을 수 있습니다. 설명란의 링크를 통해

[04:48] Photo Genius를 확인해보시고

[04:50] 직접 사용해보세요. 이제 다시 영상으로 돌아가겠습니다.

[04:53] 그럼 이 '행운의 버튼' 옵션을 눌러보겠습니다.

[04:55] 잠시 후에 앱 생성이 시작됩니다.

[04:58] 왼쪽에서는 채팅 인터페이스를 볼 수 있습니다.

[05:02] 여기서 볼 수 있듯이

[05:04] 기획, 코드 생성, 편집의

[05:07] 여러 단계를 거쳐 앱을

[05:09] 구축합니다.

[05:12] 오른쪽에는

[05:14] 미리보기 옵션이 있습니다.

[05:16] 여기에서 미리보기가 나타납니다.

[05:19] 상단에는 코드 옵션,

[05:22] 전체 화면 옵션,

[05:25] 그리고 반응형 확인 옵션이 있습니다.

[05:29] 이것이 완료될 때까지 조금 기다려봅시다.

[05:31] 비교적 빠르고 작업을

[05:34] 정말 빠르게 완료합니다. 그리고 대부분

[05:36] 항상 정확합니다. 어쨌든 잠시 후

[05:40] 완료되면 볼 수 있듯이

[05:43] 사고하고, 편집하고,

[05:45] 여기에 파일들을 생성했습니다.

[05:48] 오른쪽에는 잘 작동하는

[05:51] 앱이 있습니다. Gemini API를 사용하므로

[05:55] 무료가 아닌 API를 사용한다면

[05:58] 크레딧 없이는 작동하지 않습니다.

[06:02] 어쨌든, 여기서 코드 옵션으로 가면

[06:05] 생성된 모든 파일들을

[06:07] 볼 수 있고 꽤 좋아 보입니다.

[06:10] 좋은 편집기이기도 하고

[06:12] 원한다면 편집할 수도 있어서

[06:15] 정말 훌륭합니다. 미리보기에서는

[06:18] 전체 화면으로 해서 앱을

[06:21] 완전히 볼 수 있습니다. 그리고

[06:23] 모바일 옵션을 눌러서

[06:26] 반응형을 확인하고

[06:28] 그에 따라 테스트할 수도 있습니다.

[06:31] 정말 훌륭한 기능입니다. 또한

[06:33] 회전시켜서 확인할 수도 있고

[06:36] 이것도 정말 좋습니다. 또한

[06:39] 여기를 통해 앱을 새로고침할 수도 있습니다. 이제 상단에서

[06:42] 상단에 몇 가지 추가 옵션이 있습니다. 첫 번째는

[06:45] 복사 옵션입니다. 이 기능을 통해

[06:48] 앱을 복제하고 원본에 영향을 주지 않고

[06:50] 편집할 수 있습니다. 따라서

[06:54] 이것은 브랜칭과 같습니다.

[06:56] 확신이 서지 않는 편집을 하고 싶다면

[06:57] 복제본을 만들어서

[07:00] 그곳에서 편집할 수 있습니다.

[07:02] 그 다음에는 다운로드 옵션이 있습니다.

[07:06] 이것도 꽤 유용합니다. 앱 파일을

[07:09] 다운로드해서 로컬에서 사용할 수 있는

[07:11] 매우 흥미로운 옵션입니다.

[07:13] 쉽게 로컬로 다운로드해서

[07:16] 미리보기를 실행하거나

[07:18] 배포할 수 있습니다. 그리고

[07:22] 가장 좋은 옵션인

[07:24] GitHub에 저장 옵션이 있습니다.

[07:28] 기본적으로 프로젝트를 GitHub에 동기화할 수 있습니다.

[07:31] 리포지토리 이름과

[07:33] 설명을 입력하고 공개 범위를 설정하면

[07:36] GitHub 프로젝트를 생성해줍니다.

[07:38] 처음에는 GitHub 계정

[07:41] 인증을 요구할 것입니다.

[07:43] 그걸 완료하면 동기화됩니다.

[07:47] 완료되면 이 그래픽 옵션을 통해

[07:51] 커밋도 할 수 있고

[07:52] 프로젝트를 계속 동기화해서

[07:55] 진행 상황이

[07:57] 손실되지 않게 할 수 있습니다.

[07:59] 그 다음으로는 앱 배포

[08:02] 옵션이 있습니다. 이것을 통해

[08:05] 앱을 Google Cloud에 배포할 수 있습니다.

[08:09] Google Cloud 계정이 있다면

[08:11] 여기에 연결하고 프로젝트를 선택해서

[08:14] 빠르고 쉽게

[08:16] 배포할 수 있습니다.

[08:18] 간단한 프롬프트로

[08:19] 몇 초 만에 프로덕션까지 가져갈 수 있습니다.

[08:23] 앱 공유 옵션도 있습니다.

[08:27] 여기서 링크를 복사해서 누구와도

[08:29] 앱을 공유할 수 있습니다.

[08:31] 이 과정에서 코드도

[08:34] 함께 공유됩니다.

[08:35] 또한 앱을 공개적으로 게시할 수도 있는데

[08:38] 이것도 좋은 옵션입니다.

[08:41] 이 옵션을 통해 프로젝트에서

[08:44] 내부 API용으로 사용할

[08:47] API 키도 설정할 수 있습니다.

[08:50] 그 정도입니다. 아직 데이터베이스 옵션은 없고

[08:53] 이러한 기능들 대부분은

[08:56] 이미 오래전부터 존재했던 것들이지만

[08:58] 다시 출시하거나 리브랜딩했고 꽤 좋습니다.

[09:02] 저는 이것이 바이브 코딩에서

[09:04] 최고의 경험 중 하나라고 생각하며

[09:07] 이 기능이 합당한 인정을 받는 것을 보니 좋습니다.

[09:10] 전반적으로 꽤 좋습니다. 어쨌든

[09:14] 아래에 의견을 남겨주시고 채널을

[09:16] 구독해주세요. 슈퍼 땡스 옵션으로

[09:18] 후원하거나 채널 멤버로

[09:20] 가입해서 혜택을 받을 수도 있습니다.

[09:22] 다음 영상에서 뵙겠습니다. 안녕히계세요.

[09:24] [음악]