AI Studio 앱 만들기

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

공간: 바이브 코딩 · 8편

  1. Google AI Studio – Build 연동 가능 DB (초보자용) 🍀🧸 — 소심한 펭귄 ·
    💡 결과 : DB 비교표 난이도(Lv) 서비스 명칭 한 줄 요약 연결 구조 (어떻게 작동해?) 초기 설정 (어떻게 준비해?) 사용 시 장점 & 리스크 Lv1 Google Sheets 가장 빠른 검증용 표 DB 앱 ↔ Apps Script(웹앱/API) ↔ 구글 시트 시트 생성 → A…
  2. 재수생, 고3, N수생을 위한 계획표 설계 사이트 제작기 - 구글 AI 스튜디오 — 산뜻한 여우 ·
    소개 수험생을 위한 공부 설계 사이트를 만들고자 하였습니다. 진행 방법 스터디장님이 알려주신 PRD 사이트를 활용하여 제작했습니다. Tip: PRD 제작 사이트에서 자신의 아이디어를 상세하게 입력합니다. Tip: PRD를 구글 AI 스튜디오에 입력합니다. 저는 제미나이 3 Pro 를…
  3. 구글AI스튜디오 로 시험 암기를 돕는 앱, Memory Mate 만들기 — 킥보드 ·
    기대 이상이었던 점 😮 단순히 요약만 해줄 줄 알았는데, "이렇게 외우면 더 잘 외워질 수 있겠다" 싶은 다양한 아이디어를 AI로부터 얻을 수 있었습니다. 암기 문장을 소리로 들으니 눈으로 볼 때보다 기억에 오래 남는 느낌이 들었어요. 아쉬웠던 점 🤔 AI가 제안해준 좋은 아이디어…
  4. 동숲 캐릭터 추천 앱 — 명랑한 실험가 ·
    소개 딸이 좋아하는 동물의 숲 캐릭터를 이해하고자 만들어 보았습니다. 진행 방법 제미나이와 클로드를 사용햇습니다. https://claude.ai/public/artifacts/524265ee-7767-4fd3-a9a1-325b932c2f30 <!DOCTYPE html> <html l…
  5. 이제 나도 '딸깍'으로! 이모티콘, 인스타툰 등을 쉽게 만들 수 있는 Cute Character Studio 제작기 — 이슬 ·
    소개 '귀여움이 세상을 구한다'라는 말을 철썩같이 믿고 사는 저는 평소 귀여운 캐릭터를 그리는 것을 좋아했는데요... AI 시대가 되니 펜툴을 쓰지 않고도 귀여운 이미지를 실컷 만들 수 있게 되었습니다! 하지만 하나를 얻으면 하나를 또 잃다는 우주의 법칙은 여기서도 유효했습니다. 원하…
  6. (구글 AI 스튜디오 활용) 국어 비문학 공부 사이트 만들어보기, 구구단 연습 사이트 만들어보기 — 산뜻한 여우 ·
    소개 (구글 AI 스튜디오 활용) 국어 비문학 공부 사이트 만들어보기, 구구단 연습 사이트 만들어보기 진행 방법 구글 AI 스튜디오 PRD 생성 사이트를 활용하여 제작했습니다. 단톡방 놀러오시면 PRD 생성 링크를 받으실 수 있어요 Tip: 첫 시작 - 아이디어 비문학 공부 사이트 대…
  7. 바이브 코딩 : AI 경영 리더를 위한 성과 관리 대시보드 프로토타이핑 — 궁금한 작가 ·
    소개 바이브 코딩 : AI 경영 리더를 위한 성과 관리 대시보드 프로토타이핑 1. 주제 (Concept) "우리 회사의 AI 도입 현황 및 성과 측정(ROI)을 한눈에 보여주는 웹 대시보드 만들기" 목적: 복잡한 데이터 시각화를 코딩 없이 AI와의 대화만으로 구현. 대상: 기업 내 디…
  8. 초등생 생활습관 형성 앱-구글 시트에 데이터 저장까지 해 봄 — 수줍은 코끼리 ·
    초등학생 남자 아이의 습관형성을 위한 체크 앱을 만들었어요. 부모는 잔소리를 덜하고, 아이는 스스로 체크하고 뿌듯함과 재미를 느낄 수 있게 했어요. 부가 서비스를 몇 개 만들어 넣어서, 이 앱이 엄마 잔소리 같은 습관형성 앱이라기 보다는 재미있는 앱으로 인식했으면 하는 바람이 있었습니…