구글 AI 스튜디오로 앱 백화점 도전기💡(젠스파크+Build apps로 앱 만들기 실험)

소개

젠스파크 스터디에 참가하면서 특강을 통해 구글 AI 스튜디오의 Build apps with Gemini 기능을 발견하게 됐어요. 이미지 생성 앱만 가능한가 보다가 샘플들을 보니까 일반 앱들도 만들 수 있고(여기까지는 지메일 계정만 있으면 모두 무료) 퍼블리싱(사용한 만큼 API 과금함)도 바로 가능하다는 것을 알게 되었습니다.
직접 만들어본 앱들은 Build apps with Gemini의 Your apps 에 저장되어 언제든지 다시 찾아보거나 추가로 업그레이드할 수도 있습니다.

그래서 18기 젠스파크 스터디 멤버로서, 젠스파크에서는 '슈퍼에이전트'를 활용해 이미지, 생산성, 게임, 창의성 등 4가지 분야의 다양한 앱들 아이디어와 프롬프트를 물어봤습니다. 추가로 제가 PR 일을 하고 싶어 PR 관련 앱 아이디어를 주고 2가지 프롬프트를 만들도록 시켰어요.

프롬프트는 젠스파크가 아니라 구글 제미나이나 챗GPT로도 Build apps with Gemini 서비스에서의 앱 만들기 프롬프트를 만들 수는 있었으나 젠스파크 스터디 중이기도 하고 슈퍼에이전트 기능도 추가로 테스트할 켬 젠스파크로 시도해봤습니다.

진행 방법

젠스파크 슈퍼에이전트에서 입력한 프롬프트입니다.

google AI studio build apps with gemini 를 활용해 이미지, 생산성, 간단한게임, 창의성 분야에서 다양한 앱들을 만들고 싶어. 인기있는 분야별 아이디어 3개와 아이디어별로 입력(또는 업로드)와 출력(아웃풋)이 정확하게 나오도록 프롬프트를 제안해줘. 

젠스파크 슈퍼에이전트는 프롬프트를 받고 나서 나름 열심히(?) 자료도 찾고 다양한 LLM들을 활용해 아이디어와 프롬프트를 내놨고 저랑 여러번 대화를 추가로 한 후에 아래처럼 14가지 앱 아이디어를 제시했습니다.

보시면 아시겠지만, 절반 정도는 앱 만들기 해도 효용성이 없습니다. ^^;;

분야

no.

앱 아이디어

주요 기능

입력

출력

🖼️ 이미지

1

스마트 레시피 인식기

냉장고 재료로 맞춤 레시피 제안

냉장고/식재료 사진

3가지 난이도별 레시피 + 조리법 + 영양정보

🖼️ 이미지

2

AI 패션 스타일리스트

보유 의류로 TPO별 코디 추천

옷장/의류 사진 + 상황정보

3가지 상황별 코디 + 스타일링 팁

🖼️ 이미지

3

반려동물 건강 체크

펫 사진으로 건강 상태 분석

반려동물 사진 + 증상 설명

건강점수 + 관리조언 + 병원방문 권고

💼 생산성

4

스마트 회의록 생성기

회의 자료로 구조화된 회의록 작성

회의 음성파일/화이트보드 사진

회의록 + 액션아이템 + 후속일정

💼 생산성

5

개인 재정 관리 도우미

영수증으로 지출 분석 및 절약 계획

영수증 사진/가계부 스크린샷

지출패턴 분석 + 절약전략 + 재정계획

💼 생산성

6

학습 진도 관리 시스템

교재 사진으로 맞춤 학습 계획

교재 사진 + 학습 목표

개인 맞춤 학습계획 + 진도체크 시스템

🎮 게임

7

AR 보물찾기 게임

위치 기반 퍼즐 및 보물 단서 생성

현재 위치 사진 + GPS 정보

보물찾기 미션 + 단서 + 스토리라인

🎮 게임

8

두뇌 트레이닝 퀴즈

개인 맞춤 인지능력 향상 게임

관심사 + 인지수준 테스트 결과

맞춤형 두뇌훈련 게임 + 진행시스템

🎮 게임

9

창작 스토리 게임

인터랙티브 스토리 및 선택지 게임

선호 장르 + 캐릭터 이미지

몰입형 스토리 + 선택지 + 멀티엔딩

🎨 창의성

10

AI 작곡 도우미

감정 키워드로 맞춤 멜로디 작곡

감정/상황 키워드 + 선호 악기

맞춤 멜로디 + 악보 + 연주팁

🎨 창의성

11

창작 시나리오 생성기

장르별 완성된 시나리오 창작

장르 + 키워드 3개 + 원하는 길이

완성 시나리오 + 연출노트 + 캐릭터 설정

🎨 창의성

12

개인 브랜딩 디자이너

개성 맞춤 로고 및 브랜딩 가이드

개인정보 + 목표/비전 + 선호 스타일

로고 디자인 + 브랜딩 가이드라인 + 활용전략

🏢 PR

13

PR 브랜딩 분석기

기업 홈페이지 분석 및 PPT용 디자인 에셋 추출

홈페이지 URL/웹사이트 스크린샷

브랜딩 분석리포트 + 키컬러 + 키비주얼 + 클립아트

🏢 PR

14

뉴스 모니터링 자동화 도구

키워드 기반 네이버 뉴스 검색 및 엑셀 다운로드

검색 키워드 + 최대 기사 수량

뉴스 데이터 테이블 + 엑셀 파일 + 분석 인사이트

모두 14개 앱 아이디어와 프롬프트가 만들어졌습니다. 반쯤은 마음에 들지 않지만 앱 생성 실험기라서 몇 가지 시도해봤습니다.

구글 AI 스튜디오 (https://aistudio.google.com/ )로 들어갑니다.

왼쪽 메뉴에서 4번째에 있는 'Build'로 들어가면 Build apps with Gemini 라는 타이틀의 앱 생성서비스가 보입니다.

Gemini로 앱을 구축하십시오


본격적으로 앱을 만들어봅니다.

1. 스마트 레시피 인식기 (AI 냉장고 요리사)

당신은 요리 전문가입니다. 업로드된 냉장고 사진을 분석하여:
1. 식별 가능한 모든 재료를 나열하세요
2. 이 재료들로 만들 수 있는 3가지 레시피를 제안하세요 (난이도별: 쉬움/보통/어려움)
3. 각 레시피마다 다음을 포함하세요:
   - 요리명과 예상 조리시간
   - 단계별 상세 조리법 (5-8단계)
   - 부족한 재료가 있다면 대체 재료 제안
   - 영양 정보 (칼로리, 주요 영양소)
4. 완성된 요리의 비주얼을 자세히 묘사하세요

결과물은 한국어로, 초보자도 따라할 수 있도록 친근한 톤으로 작성하세요.


뭔지 모르겠지만, 프롬프트에 따라 마구 코딩을 진행합니다. ^^

앱이 완성이 되어 냉장고 사진을 업로드했습니다.

한국 냉장고의 스크린 샷
한국어 앱의 스크린 샷


나름 괜찮습니다.

왼쪽 프롬프트 창에서 추가로 수정할 내용이나 오류가 있으면 프롬프트를 입력하면 됩니다.

오른쪽 상단에 '저장'을 눌러야 Your apps 에 저장이 됩니다.

  1. 스마트 회의록 생성기

당신은 전문 비서입니다. 회의 자료를 분석하여 체계적인 회의록을 작성하세요:

1. 회의 개요:
   - 참석자, 날짜, 시간, 주제 정리
   - 회의 목적과 주요 아젠다 요약

2. 핵심 내용 정리:
   - 논의사항별 상세 내용
   - 주요 의견과 결정사항
   - 찬반 의견이 있었던 부분 구분

3. 액션 아이템 도출:
   - 담당자별 할 일 목록
   - 우선순위와 마감일 설정
   - 후속 회의 일정 제안

4. 다음 단계:
   - 추가 검토 필요 사항
   - 관련 부서 공유 대상
   - 진행 상황 점검 방법

결과물은 임원진에게 보고 가능한 수준으로, 명확하고 간결하게 작성하세요.

역시나 1.,2분 만에 잘 만들어줍니다. ^^

한국 문자 메시지 응용 프로그램의 스크린 샷

  1. 창작 스토리 게임

당신은 베스트셀러 작가이자 게임 시나리오 라이터입니다. 사용자의 취향에 맞는 몰입형 스토리 게임을 창작하세요:

1. 스토리 설정:
   - 장르에 맞는 독창적인 세계관 구축
   - 업로드된 캐릭터를 주인공으로 설정
   - 3막 구조의 탄탄한 플롯 라인

2. 인터랙티브 요소:
   - 스토리 진행에 영향을 주는 핵심 선택지 5-7개
   - 각 선택의 결과와 후속 스토리 분기
   - 숨겨진 엔딩과 특별 루트 설계

3. 캐릭터 개발:
   - 주인공의 성장 아크 설정
   - 조력자와 적대자 캐릭터 구성
   - 캐릭터 간 관계성과 갈등 구조

4. 게임적 요소:
   - 스킬/능력치 성장 시스템
   - 수집 요소와 히든 아이템
   - 멀티 엔딩과 재플레이 가치

각 챕터는 5-10분 분량으로, 총 1-2시간의 완결된 스토리로 구성하세요.

대화식 스토리 위버

앱이 완성됐는데, 보시는 것처럼 영어네요 ㅎ
왼쪽 아래 창에 '한국어로 제목, 메뉴를 바꾸고 결과물은 한국어, 영어 2가지 버전으로 나오도록 수정해줘'라고 프롬프트를 추가합니다.

한국어 웹 사이트의 스크린 샷

바로 수정 작업 중입니다.

한국어 텍스트가있는 웹 사이트의 스크린 샷

한국어, 영어 2가지 언어 전환(토글)이 되도록 수정됐네요!! ^_^

그런데 장르를 고르고 사진을 넣었는데, 오류가 나네요. ㅠ

Gemini API Otuta에게 전화하지 못했습니다

오류가 난 메시지를 넣어 수정해달라고 하면 또 바로 수정해줍니다.

뭔가 작동은 되는 듯 하는데, 결과가 나오지 않네요...
그러다가 드디어 결과가 나왔습니다. ㅎ

인터랙티브 게임처럼 진행이 되며 스토리를 이어가네요.

비디오 게임을위한 웹 사이트의 스크린 샷


이번에는, 제가 몸담고 있는 PR 분야 앱도 도전해봅니다. ^^

  1. 웹사이트 브랜딩 분석기

당신은 20년 경력의 브랜딩 전문가이자 PR 컨설턴트입니다. 제공된 웹사이트를 종합 분석하여 제안서 작성에 필요한 모든 브랜딩 요소를 추출하고 분석하세요:

## 1. 기업/기관 기본 정보 분석
- 회사명, 업종, 주요 사업 영역
- 설립 연도, 규모, 주요 연혁
- 미션, 비전, 핵심 가치 추출
- 타겟 고객층과 시장 포지셔닝

## 2. 비주얼 아이덴티티 체계 분석
**메인 컬러 팔레트:**
- Primary Color (HEX 코드 포함)
- Secondary Colors (최대 3개)
- Accent Colors (포인트 컬러)
- 각 색상의 브랜드 의미와 심리적 효과 설명

**로고 및 CI 분석:**
- 로고 타입과 디자인 컨셉
- 심볼마크/워드마크 구성 요소
- 로고에 담긴 의미와 철학
- 브랜드 아이덴티티 일관성 평가

## 3. 디자인 스타일 가이드
**타이포그래피:**
- 주사용 폰트 패밀리 식별
- 헤딩/본문/캡션별 폰트 스타일
- 가독성과 브랜드 톤앤매너 분석

**레이아웃 & 구성:**
- 전체적인 디자인 트렌드 (미니멀/모던/클래식 등)
- 여백 사용과 정보 구조화 방식
- 사용자 경험(UX) 특징

## 4. PPT 제안서용 키 비주얼 추출
**아이콘 및 그래픽 요소:**
- 웹사이트에서 사용된 아이콘 스타일 분석
- 클립아트로 활용 가능한 그래픽 요소 5-10개 제시
- 일러스트레이션 스타일과 모티프
- 패턴, 텍스처, 배경 디자인 요소

**이미지 스타일:**
- 주로 사용되는 이미지 톤앤매너
- 사진 스타일 (비즈니스/라이프스타일/제품 등)
- 추천 이미지 소스와 키워드

## 5. 브랜드 커뮤니케이션 분석
**톤앤매너:**
- 브랜드 보이스 (전문적/친근한/혁신적 등)
- 주요 메시지와 슬로건
- 커뮤니케이션 스타일 특징

**경쟁사 대비 차별점:**
- 업계 내 브랜드 포지셔닝
- 독특한 브랜딩 요소
- 개선 필요 사항 제안

## 6. PPT 제안서 활용 가이드
**권장 디자인 템플릿:**
- 표지 디자인 컨셉 (3가지 방향성)
- 내지 레이아웃 스타일
- 도표/그래프 디자인 가이드
- 강조 포인트 표현 방법

**실전 활용 팁:**
- 클라이언트 브랜딩과 조화되는 색상 조합
- 제안서 신뢰도를 높이는 디자인 요소
- 피해야 할 디자인 요소와 색상

모든 분석은 PR 제안서 작성 실무진이 바로 활용할 수 있도록 구체적이고 실용적으로 제시해주세요. 각 요소별로 왜 그렇게 판단했는지 근거도 함께 설명하세요.

프롬프트가 제법 길었지만, 그리 오래 걸리지 않고 완성됩니다. UI는 별도네요 ㅎ

테슬라코리아 웹사이트를 넣어봤습니다.

색상 옵션이 다른 웹 사이트 스크린 샷

브랜딩과 제안서 등을 쓰기 편하게 메일 컬러 팔레트와 디자인 스타일 등을 가이드해줍니다. (와우~ ^^)

끝으로, PR회사 기본 중의 기본 업무인 네이버뉴스 모니터링에 도전합니다.

잘 될까요?

14. 뉴스 모니터링 자동화 도구

당신은 전문 미디어 리서처이자 PR 전문가입니다. 네이버 뉴스에서 키워드 검색을 수행하고 결과를 체계적으로 정리하여 PR 업무에 활용할 수 있는 형태로 제공하세요.

## 검색 설정
- 검색 키워드: {keywords} (쉼표로 구분된 복수 키워드 가능)
- 최대 기사 수: {max_articles}개
- 검색 범위: 최근 발행 순서로 정렬
- 검색 대상: 네이버 뉴스 전체 (신문, 방송, 인터넷뉴스 포함)

## 1차 검색 및 필터링
**검색 실행:**
- 각 키워드별로 네이버 뉴스 검색 수행
- 중복 기사 제거 (동일 제목, 유사 내용 판별)
- 광고성 기사 및 보도자료성 기사 구분 표시
- 발행 시간 기준 최신 순 정렬

## 2차 데이터 추출 및 정리
각 기사별로 다음 정보를 추출하여 표 형태로 구성:

| 순번 | 발행일시 | 기사제목 | 기사링크 | 매체명 | 기자명 | 내용요약 | 키워드매칭 | 기사유형 |
|------|----------|----------|---------|---------|----------|----------|-------------|----------|
| 1    |          |          |         |         |          |          |             |          |

**컬럼별 상세 기준:**

**발행일시**: YYYY-MM-DD HH:MM 형식
**기사제목**: 원본 제목 그대로 (최대 100자)
**매체명**: 언론사명 (예: 조선일보, KBS, 연합뉴스 등)
**기자명**: 
- 기자명이 명시된 경우: "홍길동 기자"
- 기자명 없는 경우: "편집부" 또는 "N/A"
**내용요약**: 
- 핵심 내용을 한 문장으로 요약 (50자 이내)
- 주요 수치, 인명, 기관명 포함
- 긍정/부정/중립 뉘앙스 구분 표시
**기사링크**: 원본 기사 전체 URL
**키워드매칭**: 매칭된 키워드명 표시
**기사유형**: 
- 단독/특종/속보/일반/사설/칼럼/인터뷰 구분
- 보도자료 기반 여부 판별

## 3차 분석 및 인사이트 도출

### 📊 검색 결과 통계
- 총 검색된 기사 수: ___개
- 키워드별 기사 분포:
  - {keyword1}: ___개
  - {keyword2}: ___개
- 매체별 분포: 상위 10개 언론사
- 시간대별 분포: 오늘/어제/일주일 이내/그 이상
- 기사 유형별 분포: 비율과 개수

### 🎯 PR 관점 분석
**주요 트렌드:**
- 가장 많이 다뤄진 이슈/관점
- 긍정적 vs 부정적 보도 비율
- 영향력 높은 매체의 논조 분석

**언론사별 특징:**
- 해당 키워드에 가장 관심 높은 매체
- 매체별 보도 빈도와 논조 경향
- 독점/특종 기사 현황

**기자별 전문성:**
- 해당 분야 전문 기자 식별
- 자주 다루는 기자와 연락처 확보 필요성
- 인플루언서 기자 (조회수/공유 높은) 파악

## 4차 실무 활용 가이드

### 📋 엑셀 다운로드 파일 구성
**시트1 - 기사목록**: 위 표 형태의 전체 데이터
**시트2 - 통계분석**: 그래프와 차트 포함 분석 결과
**시트3 - 매체별정리**: 언론사별 그룹핑된 데이터
**시트4 - 기자연락처**: 주요 기자 정보 (추가 조사 필요 항목)

### 🎯 후속 PR 액션 아이템
**즉시 실행 가능:**
- [ ] 긍정적 기사 SNS 확산 활동
- [ ] 부정적 기사 모니터링 강화
- [ ] 주요 기자 관계 관리 계획

**단기 계획 (1-2주):**
- [ ] 미보도 매체 대상 보도자료 발송
- [ ] 전문 기자 대상 브리핑 미팅 제안
- [ ] 이슈 대응 메시지 보완

**장기 전략 (1개월+):**
- [ ] 정기적 키워드 모니터링 시스템 구축
- [ ] 매체별 맞춤형 커뮤니케이션 전략 수립
- [ ] 위기 대응 시나리오 업데이트

## 5차 품질 검증
- 수집된 기사의 정확성 검증 (링크 유효성, 정보 정확성)
- 중복 제거 재확인
- 누락된 주요 기사 없는지 점검
- 엑셀 파일 형식과 다운로드 기능 정상 작동 확인

**최종 결과물:**
1. 웹 화면에 표시되는 정리된 뉴스 목록 테이블
2. 원클릭 다운로드 가능한 엑셀 파일 (.xlsx)
3. PR 전략 수립에 필요한 인사이트 리포트

모든 데이터는 PR 실무진이 바로 활용할 수 있도록 정확하고 체계적으로 정리하며, 저작권 및 언론사 정책을 준수하여 제공하세요.
Chrome의 코드 편집기 스크린 샷

복잡한 코딩 과정을 거치는 듯 하더니, 백지 화면만 보여줍니다.

입력창이 안보이는 등 오류를 바로 수정해달라고 요청합니다.

또 백지.. 또 수정해달라고 재촉합니다. (이건 좀 어렵나? )

....

....

결국 입력창이 나왔습니다.

새 구독 버튼이있는 웹 페이지의 스크린 샷

테스트 해봅니다. 검색어는 'SK하이닉스', 최대 기사 수는 '30'... 입력하고 분석 시작 버튼을 누릅니다.

오. 결과가 나왔습니다. 검증은 해봐야겠지만, 엑셀 파일 다운로드까지 지원되네요.


다만, 가장 최근 기사가 작년 5월 14일 기사네요. ㅎㅎ ㅠ


📊 결과와 배운 점

AI로 앱을 만드는 게 이토록 쉽고 빠를 수 있다는 것을 느꼈습니다.

구글 AI 스튜디오에서 나노 바나나, 이마젠, VEO를 거의 무료로 쓸 수 있는 것도 놀라웠지만, 이렇게 앱도 퍼블리싱만 하지 않으면 거의 무제한으로 만들 수 있다는 것에 또 한 번 놀랬습니다.

AI 바이브 코딩 입문자에게 구글 AI 스튜디오는 좋은 도구가 되어줄 것으로 보입니다.

나노 바나나 등 모델을 사용하는 것을 강점이지만, 조금 복잡한 앱은 제대로 구현을 하는데 한계가 있다는 생각이 들었습니다.

UI가 좀 단순하게 구현되는 듯 합니다.

젠스파크 슈퍼에이전트로 앱 아이디어와 프롬프트를 요구한 것도 절반 정도는 성공했다고 스스로 평가했는데, 챗GPT나 PRD 빌더 GPT, Gemini 등도 한번 도전해봐야겠습니다.

다 이해는 못했지만, Build apps with Gemini FAQ도 제공됩니다. 되는 것과 안 되는 것, API 보안 등이 정리되어 있습니다. https://aistudio.google.com/app/u/1/apps?source=faq

이 사례글을 쓰기 위해 생애 처음으로 노크드 앱 만들기를 시도했는데 생각보다 엄청 많이 만들고 다양한 시행착오도 겪어봤네요. 바이브 코딩, 노코딩에 관심은 있는데 한 번도 시도하지 않으신 분들이라면, '빌드 앱스 위드 제미나이'에 함 도전해보시면 꽤 흥미진진하실 겁니다. ^^

도움 받은 글 (옵션)

18기 젠스파크 스터디 그룹 멤버들과 유니, 켄로봇 님 스터디장님 ^^

1
2개의 답글

👉 이 게시글도 읽어보세요