바이브 코딩으로 퀴즈 앱 만들기 — Google AI Studio

바이브 코딩(Vibe Coding)은 코딩 지식 없이 감각(Vibe)과 자연어로 앱을 만드는 새로운 개발 방식입니다. 📌 바이브 코딩이란? Vibe(감각) + Coding = Vibe Coding → 코딩 지식 불필요 → 자연어로 원하는 것을 설명하면 AI가 코드를 생성 → 마치 대화하듯 수정하며 완성 📌 Google AI Studio Build vs Opal 차이 Build (AI Studio) → 상용 앱 수준의 풀스택 웹 앱 제작 → 데이터베이스 연동, 멀티플레이어 서비스 가능 → 복잡한 로직 구현 가능 Opal → 간단한 노코드 AI 미니 앱 제작 → 노드 기반 시각적 워크플로 → 빠른 프로토타입 제작에 적합 📌 경제 상식 퀴즈 앱 제작 실습 1단계 — 기본 앱 프롬프트 "구글AI스튜디오에서 빌드앱을 만들거야. 주제는 성인을 대상으로 경제 상식을 푸는 퀴즈 앱이야. 규칙: 총 20문제, 정답 맞추면 별 1개, 3개 모으면 축하 화면. 디자인은 밝고 귀엽게. 시작/다음/종료 버튼은 크게." 2단계 — 기능 추가 "문제와 예시를 음성으로 읽어주는 기능을 추가해줘" "소리 조절바를 추가로 만들어줘" 3단계 — PRD 작성 후 개선 "이 앱을 위한 PRD를 작성해줘" → PRD = 앱 제작 규칙집 (AI가 따라야 할 명세서) 📌 앱 화면 구성 예시 Intro 화면: 타이틀 + [시작] 버튼 Quiz 화면: 진행도 + 문제 + 보기 4개 + [다음] 버튼 Celebrate 화면: 별 3개 달성 축하 애니메이션 Result 화면: 최종 점수 + 오답 목록