GSP1383

개요

이 실습에서는 Google AI Studio에서 쇼핑 에이전트의 프로토타입을 빠르게 제작해 봅니다. 소매업체인 CymbalMart를 위해 고객이 이벤트를 계획하고 쇼핑 목록을 생성하는 데 도움이 되는 파티 플래너 쇼핑 에이전트를 만듭니다. 이 실습을 통해 중요한 사용자 여정(CUJ)을 기능 에이전트로 변환하고, 바이브 코딩과 자연어 프롬프트로 기능을 개선하며, 다양한 시나리오에서 에이전트를 검증하는 방법을 배울 수 있습니다.

중요한 사용자 여정(CUJ)은 고객이 특정 목표를 달성하기 위해 수행하는 주요 단계와 상호작용을 자세히 보여주는 지도이며, 고객 경험에 필수적인 의사 결정 지점과 결과를 포착합니다.

더 자세한 내용을 알아보려면 관련 과정인 에이전트 전략: 발견, 설계, 프로토타입 제작을 수강해 보세요.

학습할 내용

이 실습에서는 다음 작업을 수행하는 방법을 알아봅니다.

• 중요한 사용자 여정(CUJ)에서 쇼핑 에이전트를 만듭니다.
• 바이브 코딩과 자연어 프롬프트를 사용하여 에이전트 기능을 강화하고 점진적으로 개선합니다.
• 다양한 시나리오에서 에이전트 동작을 테스트하고 검증합니다.

설정 및 요건

실습 시작 버튼을 클릭하기 전에

다음 안내를 확인하세요. 실습에는 시간 제한이 있으며 일시중지할 수 없습니다. 실습 시작을 클릭하면 타이머가 시작됩니다. 이 타이머는 Google Cloud 리소스를 사용할 수 있는 시간이 얼마나 남았는지를 표시합니다.

실무형 실습을 통해 시뮬레이션이나 데모 환경이 아닌 실제 클라우드 환경에서 실습 활동을 진행할 수 있습니다. 실습 시간 동안 Google Cloud에 로그인하고 액세스하는 데 사용할 수 있는 새로운 임시 사용자 인증 정보가 제공됩니다.

이 실습을 완료하려면 다음을 준비해야 합니다.

• 표준 인터넷 브라우저 액세스 권한(Chrome 브라우저 권장)

참고: 이 실습을 실행하려면 시크릿 모드(권장) 또는 시크릿 브라우저 창을 사용하세요. 개인 계정과 학습자 계정 간의 충돌로 개인 계정에 추가 요금이 발생하는 일을 방지해 줍니다.

• 실습을 완료하기에 충분한 시간(실습을 시작하고 나면 일시중지할 수 없음)

참고: 이 실습에는 학습자 계정만 사용하세요. 다른 Google Cloud 계정을 사용하는 경우 해당 계정에 비용이 청구될 수 있습니다.

Google AI Studio 열기

1. 실습 시작을 클릭합니다. 실습 패널에 이 실습의 임시 사용자 인증 정보가 표시됩니다.

   • 참고: 유료 실습인 경우 결제 수단을 선택하라는 메시지가 표시됩니다.

2. 시크릿 창에서 Google AI Studio를 엽니다. Google 로그인 페이지가 표시됩니다.

   • 팁: 실습 탭과 AI Studio 탭을 별도의 창에 나란히 정렬하면 더 쉽게 액세스할 수 있습니다.

3. 아래의 사용자 이름을 복사하여 이메일 필드에 붙여넣은 후 다음을 클릭합니다.

   {{{user_0.username | "Username"}}}

4. 아래의 비밀번호를 복사하여 비밀번호 입력 필드에 붙여넣은 후 다음을 클릭합니다.

   {{{user_0.password | "Password"}}}

5. 계속하려면 화면에 표시되는 이용약관에 동의합니다.

임시 학습자 계정을 사용하여 Google AI Studio에 로그인했습니다.

작업 1. 중요한 사용자 여정(CUJ)에서 쇼핑 에이전트 생성

이 작업에서는 CymbalMart 고객이 파티를 계획하고 쇼핑 목록을 생성하는 데 도움이 되도록, 정의된 CUJ를 기반으로 파티 플래너 쇼핑 에이전트를 만듭니다.

1. 시작하기 버튼을 클릭한 다음 이용약관에 동의합니다.

2. 왼쪽 탐색 메뉴에서 Build(빌드)를 클릭합니다.

   Drive 액세스를 사용 설정하려면 파일 추가(+)에서 Drive를 클릭하고 학습자 계정(예: [student-username])을 선택한 다음 필요한 권한을 부여합니다.

3. 'Gemini로 아이디어 빌드하기' 아래의 기본 텍스트 프롬프트 표시줄에 다음 프롬프트를 붙여넣어 파티 플래너 쇼핑 에이전트를 만듭니다.

파티 플래너 쇼핑 에이전트를 생성하세요.

4. 빌드를 클릭하고 Google AI Studio가 에이전트를 생성할 때까지 기다립니다.

5. 에이전트를 검토하고 샘플 데이터로 테스트합니다. 에이전트가 기대에 부합하나요?

6. Gemini 대화 패널에 다음 CUJ 프롬프트를 붙여넣은 다음 프롬프트 보내기를 클릭하여 중요한 사용자 여정을 정의합니다.

다음 중요한 사용자 여정(CUJ)을 기반으로 CymbalMart를 위한 파티 플래너 쇼핑 에이전트를 만듭니다. 사용자: 이벤트 계획이 필요한 바쁜 호스트 목표: 의도를 선별되고 예산을 고려한 쇼핑 목록으로 전환 작업: 이벤트 정의: 파티 유형, 테마, 예산, 초대 인원, 특별 요청을 정의합니다. 목록 검토: 총예산에 맞게 항목을 조정합니다. 조정 및 결제: 제약 조건에 맞게 조정하고 계획을 마무리합니다. 참고: 중요한 사용자 여정(CUJ)은 고객이 특정 목표를 달성하기 위해 거치는 주요 단계를 구조화하여 설명한 것입니다. 여기에는 사용자(누가), 목표(무엇을), 작업(어떻게)이라는 세 가지 주요 구성요소가 포함됩니다.

7. Gemini 대화 패널에서 생성된 에이전트 사양을 검토하여 CUJ와 일치하는지 확인합니다.

8. 미리보기 창에서 샘플 파티 세부정보로 에이전트를 테스트합니다.

참고: 에이전트는 AI 생성 콘텐츠를 사용하므로 출력 결과가 다를 수 있습니다.

• 파티 유형: '생일'
• 인원수: '20명'
• 날짜: '다음 주 토요일'
• 테마: '휴양지'

9. 에이전트가 CUJ에 부합하는 관련 쇼핑 목록을 생성하는지 확인합니다.

10. 애플리케이션 이름을 바꿉니다. 앱 이름 옆에 있는 연필 아이콘을 클릭하고 이름을 CymbalMart Shopping Agent로 변경한 다음 Save(저장)를 클릭합니다.

내 진행 상황 확인하기를 클릭하여 목표를 확인합니다. 생성된 쇼핑 에이전트를 확인합니다.

작업 2. 바이브 코딩으로 에이전트 기능 강화

이 작업에서는 바이브 코딩을 사용하여 파티 플래너 쇼핑 에이전트에 맞춤 기능을 추가하고 사용자 환경을 개선합니다.

1. 생성된 코드를 살펴봅니다. 코드 탭에서 App.tsx와 같은 파일을 클릭하여 기본 애플리케이션 코드를 확인하고 UI 요소가 어떻게 구성되는지 살펴봅니다.

2. 에이전트의 기능을 개선합니다. Gemini 대화 패널에 다음 명령어를 붙여넣어 에이전트 UI에 챗봇을 추가합니다.

고객과 상호작용할 수 있는 CymbalMart 어시스턴트라는 챗봇을 추가합니다. 참고: 에이전트에 이미 챗봇이 포함되어 있다면 대신 다른 기능을 추가해 보세요.

3. 프롬프트 보내기를 클릭합니다. 애플리케이션 스타일 지정 및 레이아웃의 변경사항을 확인합니다.

4. 계속해서 기능을 개선합니다. Gemini 패널에 다음 명령어를 입력합니다.

고객이 쇼핑 목록을 업데이트하면 예산 합계가 자동으로 다시 계산되도록 만드세요. 참고: 이 기능이 이대로도 마음에 든다면 다른 기능을 추가하거나 더 세밀하게 개선해 보세요.

5. Send prompt(프롬프트 보내기)를 클릭하고 UI에 새 기능이 추가되는 것을 확인합니다.

6. 미리보기 창에서 새 기능을 테스트합니다.

작업 3. 에이전트 테스트 및 마무리

다양한 시나리오에서 파티 플래너 쇼핑 에이전트를 테스트하고 최종 개선사항을 추가하여 강력한 기능을 보장합니다.

1. 미리보기 창에서 다음 시나리오로 에이전트를 테스트합니다.

   시나리오 1 - 어린이 생일 파티:

   • 파티 유형: '어린이 생일 파티'
   • 인원수: '15명'
   • 테마: '슈퍼히어로'
   • 쇼핑 목록에 연령대에 맞는 항목과 수량이 포함되어 있는지 확인합니다.

   시나리오 2 - 회사 팀 이벤트:

   • 파티 유형: '회사 팀워크 성장 이벤트'
   • 인원수: '50명'
   • 테마: '전문적'
   • 목록에 기업에 적합한 항목과 현실적인 예산 추정치가 포함되어 있는지 확인합니다.

   시나리오 3 - 야외 결혼식:

   • 파티 유형: '결혼 피로연'
   • 인원수: '100명'
   • 테마: '정원/야외'
   • 에이전트에 날씨 대비 장비, 야외 좌석 등 야외 전용 항목이 포함되어 있는지 확인합니다.

2. Gemini 패널에서 필요에 따라 에이전트를 개선하기 위한 의견을 제공합니다.

3. 최종 개선 사항을 추가합니다. Gemini 패널에 다음 프롬프트를 붙여넣어 음성 제어 기능을 추가합니다.

고객이 핸즈프리로 전체 프로세스를 완료할 수 있는 음성 제어 기능을 추가하세요.

4. 프롬프트 보내기를 클릭한 다음 팝업 창에서 마이크 액세스를 허용합니다.

5. 모든 개선사항이 적용된 파티 플래너 쇼핑 에이전트가 올바르게 작동하는지 확인합니다.

6. Back to start(처음으로 돌아가기)를 클릭하여 홈페이지로 이동한 다음 왼쪽 상단에 있는 Google AI Studio 로고를 클릭합니다.

7. 왼쪽 탐색 메뉴에서 Build(빌드)를 클릭합니다.

8. Your apps(내 앱) > Created by you(내가 만든 앱)를 클릭하여 모든 개선사항이 적용된 파티 플래너 쇼핑 에이전트를 확인합니다.

선택사항: 에이전트 배포 다른 사용자와 에이전트를 공유하려면 다음 단계를 따르세요. 1. 게시를 클릭하여 Google Cloud에 배포합니다(Google Cloud 프로젝트 필요). 2. 코드를 클릭한 다음 소스 코드를 다운로드하여 GitHub, 서드 파티 호스팅 등 다른 플랫폼에 배포합니다.

수고하셨습니다.

중요한 사용자 여정에서 파티 플래너 쇼핑 에이전트를 성공적으로 만들고 개선해 보았습니다. 지금까지 배운 내용은 다음과 같습니다.

• 중요한 사용자 여정(CUJ)에서 쇼핑 에이전트를 만듭니다.
• 바이브 코딩과 자연어 프롬프트를 사용하여 에이전트 기능을 강화하고 점진적으로 개선합니다.
• 다양한 시나리오에서 에이전트 동작을 테스트하고 검증합니다.

이제 Google AI Studio에서 나만의 AI 에이전트를 빌드하고 점진적으로 개선할 수 있습니다.

Google Cloud 교육 및 자격증

Google Cloud 기술을 최대한 활용하는 데 도움이 됩니다. Google 강의에는 빠른 습득과 지속적인 학습을 지원하는 기술적인 지식과 권장사항이 포함되어 있습니다. 기초에서 고급까지 수준별 학습을 제공하며 바쁜 일정에 알맞은 주문형, 실시간, 가상 옵션이 포함되어 있습니다. 인증은 Google Cloud 기술에 대한 역량과 전문성을 검증하고 입증하는 데 도움이 됩니다.

설명서 최종 업데이트: 2026년 4월 1일

실습 최종 테스트: 2026년 4월 1일

Copyright 2026 Google LLC. All rights reserved. Google 및 Google 로고는 Google LLC의 상표입니다. 기타 모든 회사명 및 제품명은 해당 업체의 상표일 수 있습니다.