# AI Studio 앱 만들기

> 코딩 경험이 적어도 아이디어를 웹앱으로 시험해보고 싶은 분께 맞아요. 데이터베이스 연결, 학습·암기·캐릭터 앱, 콘텐츠 제작 도구와 성과 대시보드를 만들어요.

- 연재: https://community.clauders.ai/series/ai-studio-app-builder
- 공간: [바이브 코딩](https://community.clauders.ai/claude-code)
- 편 수: 8

## 편 목록

1. [Google AI Studio – Build 연동 가능 DB (초보자용) 🍀🧸](https://community.clauders.ai/claude-code/post/google-ai-studio-build-%EC%97%B0%EB%8F%99-%EA%B0%80%EB%8A%A5-db-%EC%B4%88%EB%B3%B4%EC%9E%90%EC%9A%A9-83471358-7b8e-8445-954f-d21df64ef92d) — 소심한 펭귄, 2026-01-18
   💡 결과 : DB 비교표 난이도(Lv) 서비스 명칭 한 줄 요약 연결 구조 (어떻게 작동해?) 초기 설정 (어떻게 준비해?) 사용 시 장점 & 리스크 Lv1 Google Sheets 가장 빠른 검증용 표 DB 앱 ↔ Apps Script(웹앱/API) ↔ 구글 시트 시트 생성 → Apps Script 작성 → 웹앱으로 배포 → 접근/실행 권한 설정 →…
2. [재수생, 고3, N수생을 위한 계획표 설계 사이트 제작기 - 구글 AI 스튜디오](https://community.clauders.ai/claude-code/post/%EC%9E%AC%EC%88%98%EC%83%9D-%EA%B3%A03-n%EC%88%98%EC%83%9D%EC%9D%84-%EC%9C%84%ED%95%9C-%EA%B3%84%ED%9A%8D%ED%91%9C-%EC%84%A4%EA%B3%84-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EC%A0%9C%EC%9E%91%EA%B8%B0-%EA%B5%AC%EA%B8%80-ai-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-d4f0e61e-c986-8da4-9f82-b72e2183a374) — 산뜻한 여우, 2026-01-22
   소개 수험생을 위한 공부 설계 사이트를 만들고자 하였습니다. 진행 방법 스터디장님이 알려주신 PRD 사이트를 활용하여 제작했습니다. Tip: PRD 제작 사이트에서 자신의 아이디어를 상세하게 입력합니다. Tip: PRD를 구글 AI 스튜디오에 입력합니다. 저는 제미나이 3 Pro 를 사용했습니다. Tip: PRD 제작 사이트는 단톡방에 들어오시면 링크를…
3. [구글AI스튜디오 로 시험 암기를 돕는 앱, Memory Mate 만들기](https://community.clauders.ai/claude-code/post/%EA%B5%AC%EA%B8%80ai%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-%EB%A1%9C-%EC%8B%9C%ED%97%98-%EC%95%94%EA%B8%B0%EB%A5%BC-%EB%8F%95%EB%8A%94-%EC%95%B1-memory-mate-%EB%A7%8C%EB%93%A4%EA%B8%B0-4f00e946-f69d-831b-a494-498eb72ac6ab) — 킥보드, 2026-01-28
   기대 이상이었던 점 😮 단순히 요약만 해줄 줄 알았는데, "이렇게 외우면 더 잘 외워질 수 있겠다" 싶은 다양한 아이디어를 AI로부터 얻을 수 있었습니다. 암기 문장을 소리로 들으니 눈으로 볼 때보다 기억에 오래 남는 느낌이 들었어요. 아쉬웠던 점 🤔 AI가 제안해준 좋은 아이디어들을 다시 한 번 암기에 최적화된 문장으로 다듬는 과정이 필요했습니다.…
4. [동숲 캐릭터 추천 앱](https://community.clauders.ai/claude-code/post/%EB%8F%99%EC%88%B2-%EC%BA%90%EB%A6%AD%ED%84%B0-%EC%B6%94%EC%B2%9C-%EC%95%B1-ba0afbce-b0c5-8e79-9368-8d533adfb3bb) — 명랑한 실험가, 2026-01-29
   소개 딸이 좋아하는 동물의 숲 캐릭터를 이해하고자 만들어 보았습니다. 진행 방법 제미나이와 클로드를 사용햇습니다. https://claude.ai/public/artifacts/524265ee-7767-4fd3-a9a1-325b932c2f30 <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8">…
5. [이제 나도 '딸깍'으로! 이모티콘, 인스타툰 등을 쉽게 만들 수 있는 Cute Character Studio 제작기](https://community.clauders.ai/claude-code/post/%EC%9D%B4%EC%A0%9C-%EB%82%98%EB%8F%84-%EB%94%B8%EA%B9%8D-%EC%9C%BC%EB%A1%9C-%EC%9D%B4%EB%AA%A8%ED%8B%B0%EC%BD%98-%EC%9D%B8%EC%8A%A4%ED%83%80%ED%88%B0-%EB%93%B1%EC%9D%84-%EC%89%BD%EA%B2%8C-%EB%A7%8C%EB%93%A4-%EC%88%98-%EC%9E%88%EB%8A%94-cute-character-studio-%EC%A0%9C%EC%9E%91-fde90bc0-8466-8b1e-b0b9-2e4ff1906f25) — 이슬, 2026-01-29
   소개 '귀여움이 세상을 구한다'라는 말을 철썩같이 믿고 사는 저는 평소 귀여운 캐릭터를 그리는 것을 좋아했는데요... AI 시대가 되니 펜툴을 쓰지 않고도 귀여운 이미지를 실컷 만들 수 있게 되었습니다! 하지만 하나를 얻으면 하나를 또 잃다는 우주의 법칙은 여기서도 유효했습니다. 원하는 바이브가 나올 때까지 프롬프트 깎고, 고치고, 다시 돌리고... 이른…
6. [(구글 AI 스튜디오 활용) 국어 비문학 공부 사이트 만들어보기, 구구단 연습 사이트 만들어보기](https://community.clauders.ai/claude-code/post/%EA%B5%AC%EA%B8%80-ai-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-%ED%99%9C%EC%9A%A9-%EA%B5%AD%EC%96%B4-%EB%B9%84%EB%AC%B8%ED%95%99-%EA%B3%B5%EB%B6%80-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EA%B8%B0-%EA%B5%AC%EA%B5%AC%EB%8B%A8-%EC%97%B0%EC%8A%B5-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EA%B8%B0-172a0474-a757-8f38-a8c7-3a539971b652) — 산뜻한 여우, 2026-01-29
   소개 (구글 AI 스튜디오 활용) 국어 비문학 공부 사이트 만들어보기, 구구단 연습 사이트 만들어보기 진행 방법 구글 AI 스튜디오 PRD 생성 사이트를 활용하여 제작했습니다. 단톡방 놀러오시면 PRD 생성 링크를 받으실 수 있어요 Tip: 첫 시작 - 아이디어 비문학 공부 사이트 대한민국 학생들의 국어 성적을 올려주기 위한 문해력 업그레이드를 도와주는…
7. [바이브 코딩 : AI 경영 리더를 위한 성과 관리 대시보드 프로토타이핑](https://community.clauders.ai/claude-code/post/%EB%B0%94%EC%9D%B4%EB%B8%8C-%EC%BD%94%EB%94%A9-ai-%EA%B2%BD%EC%98%81-%EB%A6%AC%EB%8D%94%EB%A5%BC-%EC%9C%84%ED%95%9C-%EC%84%B1%EA%B3%BC-%EA%B4%80%EB%A6%AC-%EB%8C%80%EC%8B%9C%EB%B3%B4%EB%93%9C-%ED%94%84%EB%A1%9C%ED%86%A0%ED%83%80%EC%9D%B4%ED%95%91-b6ecb1da-b457-8ccd-b1c5-2a9273bdde97) — 궁금한 작가, 2026-01-29
   소개 바이브 코딩 : AI 경영 리더를 위한 성과 관리 대시보드 프로토타이핑 1. 주제 (Concept) "우리 회사의 AI 도입 현황 및 성과 측정(ROI)을 한눈에 보여주는 웹 대시보드 만들기" 목적: 복잡한 데이터 시각화를 코딩 없이 AI와의 대화만으로 구현. 대상: 기업 내 디지털 트랜스포메이션(DT) 담당자 및 경영진. 진행 방법 Gemini,…
8. [초등생 생활습관 형성 앱-구글 시트에 데이터 저장까지 해 봄](https://community.clauders.ai/claude-code/post/%EC%B4%88%EB%93%B1%EC%83%9D-%EC%83%9D%ED%99%9C%EC%8A%B5%EA%B4%80-%ED%98%95%EC%84%B1-%EC%95%B1-%EA%B5%AC%EA%B8%80-%EC%8B%9C%ED%8A%B8%EC%97%90-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%A0%80%EC%9E%A5%EA%B9%8C%EC%A7%80-%ED%95%B4-%EB%B4%84-6650011c-02ec-80b2-ad9b-a09e6a6e4027) — 수줍은 코끼리, 2026-02-03
   초등학생 남자 아이의 습관형성을 위한 체크 앱을 만들었어요. 부모는 잔소리를 덜하고, 아이는 스스로 체크하고 뿌듯함과 재미를 느낄 수 있게 했어요. 부가 서비스를 몇 개 만들어 넣어서, 이 앱이 엄마 잔소리 같은 습관형성 앱이라기 보다는 재미있는 앱으로 인식했으면 하는 바람이 있었습니다. 처음으로 구글 앱시트도 사용해 보고, 구글 시트에 앱 활동 데이터…