AI Studio에서 Cloud Run으로 배포

1. 개요

오늘날 AI를 사용한 빌드는 어디서 시작해야 할까요? 대부분의 경우 간단한 질문으로 시작합니다. '내가 생각한 문제에 대한 해결책을 빠르게 프로토타입으로 만들 수 있을까?' 이때 Google AI Studio가 유용합니다. 무엇이든 빠르게 프로토타입을 제작할 수 있는 곳입니다. 이 Codelab에서는 vibe 코딩을 사용하여 간단한 웹 애플리케이션을 만들고 Cloud Run에 배포합니다.

빌드할 항목

웹 애플리케이션을 바이브 코딩하고 다른 사용자가 사용할 수 있도록 할 준비가 되셨나요? AI Studio만 사용하여 웹 애플리케이션을 만들고 Cloud Run에 배포합니다. 이 실습에서는 다음 작업을 수행합니다.

  1. vibe 코딩을 사용하여 간단한 웹 애플리케이션 빌드
  2. 애플리케이션이 예상대로 작동하는지 테스트
  3. Cloud Run에 애플리케이션 배포

요구사항

  • 브라우저(Chrome 또는 Firefox 등)
  • 결제가 사용 설정된 Google Cloud 프로젝트.

2. 시작하기 전에

  1. Google Cloud 콘솔의 프로젝트 선택기 페이지에서 Google Cloud 프로젝트를 선택하거나 만듭니다.
  2. Cloud 프로젝트에 결제가 사용 설정되어 있는지 확인합니다. 프로젝트에 결제가 사용 설정되어 있는지 확인하는 방법을 알아보세요 .
  3. 크레딧을 사용하기 위한 링크가 있는 경우 여기에 나와 있는 안내에 따라 사용할 수 있습니다.

3. 프로토타입

Google AI Studio로 이동합니다. 빌드하려는 애플리케이션을 설명하는 프롬프트를 입력하기 시작합니다. 프롬프트는 다음과 같습니다.

Create a formal looking frontend application that has two buttons: "Snowflakes" and "Balloons". If the user clicks on the "Snowflakes" button, snowflakes of medium size should start falling on the screen from top to bottom for 5 seconds. If the user clicks on the "Balloons" button, balloons of medium size should start floating from the bottom of the screen and float to the top for 5 seconds.

원하는 모델을 선택합니다. 여기서는 Gemini 3 Pro 프리뷰를 사용합니다. 빌드 버튼을 클릭합니다.

이 간단한 설명을 기반으로 AI Studio는 제공된 설명과 정확히 일치하는 웹 애플리케이션을 빌드합니다. 애플리케이션이 생성되는 데 2~3분 정도 걸립니다.

애플리케이션에 문제가 있는 경우 애플리케이션의 동작을 수정하는 추가 프롬프트를 제공하세요. 예를 들어 눈송이의 크기를 현재 크기의 두 배로 늘립니다.

생성된 애플리케이션의 스냅샷은 아래를 참고하세요.

4e4361663df80964.png

4. Cloud Run에 배포

이제 애플리케이션이 준비되었으므로 Cloud Run에 배포하겠습니다.

  1. AI Studio 페이지의 오른쪽 상단에 있는 로켓 모양 버튼을 클릭합니다. 버튼 위로 마우스를 가져가면 '앱 배포'가 표시됩니다.
  2. 그러면 **Google Cloud에 앱 배포** 팝업이 열립니다.

2703603a907329ae.png

  1. Cloud 프로젝트 선택 드롭다운을 클릭합니다.
  2. 드롭다운에서 프로젝트를 선택합니다. 드롭다운에서 프로젝트를 찾을 수 없는 경우 프로젝트 가져오기를 클릭하고 프로젝트 가져오기 창에서 프로젝트를 선택합니다.
  3. 프로젝트를 선택하면 프로젝트에 결제가 사용 설정되어 있는지 확인됩니다. 초기 단계에서 결제 계정을 프로젝트에 연결했으므로 이 인증은 통과됩니다.
  4. 앱 배포 버튼을 클릭하고 애플리케이션이 Cloud Run에 배포될 때까지 기다립니다.

ae56b38cc6da9afe.png

Cloud Run 서비스 이름은 자동으로 생성됩니다.

  1. 배포는 몇 분 안에 완료되며 앱 URL이 표시됩니다. URL을 클릭하면 배포된 웹 애플리케이션이 표시됩니다.

5. 삭제

이 게시물에서 사용한 리소스의 비용이 Google Cloud 계정에 청구되지 않도록 하려면 다음 단계를 수행하세요.

  1. Google Cloud 콘솔에서 리소스 관리 페이지로 이동합니다.
  2. 프로젝트 목록에서 삭제할 프로젝트를 선택하고 삭제를 클릭합니다.
  3. 대화상자에서 프로젝트 ID를 입력하고 종료를 클릭하여 프로젝트를 삭제합니다.

6. 축하합니다

축하합니다. AI Studio에서 애플리케이션의 바이브 코딩을 완료하고 Cloud Run에 배포했습니다.

AI Studio는 애플리케이션을 개발하고 테스트하는 데 적합한 플랫폼으로, 사용자가 디자인을 즉시 시각화할 수 있습니다.

AI Studio와 Cloud Run의 원활한 통합을 통해 사용자는 애플리케이션을 Google Cloud에 직접 손쉽게 배포할 수 있습니다. Cloud Run을 활용하면 인프라 관리의 복잡성과 오버헤드를 추상화하여 서버리스 환경의 모든 고유한 이점을 누릴 수 있습니다.