Planning AI|24:10

06. Vibe Coding으로 프로토타입 만들기

Google AI Studio의 Build Apps 환경에서 자연어 프롬프트로 동작 가능한 웹앱 프로토타입을 만듭니다. 요구사항 명세, UI 톤, 화면 흐름, 안전 조건을 하나의 프롬프트로 설계합니다.

학습 목표

  • -AI Studio Build Apps 환경에 진입하고 주요 인터페이스를 이해한다
  • -효과적인 프롬프트 작성 원칙을 적용한다
  • -마인드웰 기능과 UI를 반영한 앱 프로토타입을 생성한다

수업 활동

1. 이해

Google AI Studio 기반 앱 프로토타이핑

2. 설계

팀 주제에 맞춰 문제, 기능, 데이터 또는 시스템 구조를 구체화합니다.

3. 산출

동작 가능한 웹앱 프로토타입 초안과 프롬프트 최종본

수업 화면 예시

아래 이미지는 원본 e-ICON 교육 영상에서 캡처한 자료 화면입니다.

06차시 자료 화면 slide captured from 1778222331061_pyapyv__KO__Building_MindWwll_with_Vibe_Coding__SDG_5____24_10_.mp4 at 00:15
06차시 자료 화면 Image source: e-ICON.
06차시 자료 화면 slide captured from 1778222331061_pyapyv__KO__Building_MindWwll_with_Vibe_Coding__SDG_5____24_10_.mp4 at 13:51
06차시 자료 화면 Image source: e-ICON.

평가 포인트

이 차시의 핵심은 수업 내용을 듣는 것에서 끝나지 않고, 대회 제출물에 바로 들어갈 수 있는 문서나 프로토타입 증거를 남기는 것입니다.

강사는 학생이 문제 근거, 사용자 흐름, AI 안전성, 구현 가능성을 말로 설명할 수 있는지 확인합니다. 결과물은 다음 차시에서 이어서 확장됩니다.

원본 자료

이 페이지는 eicon/all_transcripts.mdeicon/transcript_manifest.json의 06차시 transcript metadata를 바탕으로 정리했습니다.

e-ICON 준비 상담

학생의 현재 수준과 팀 목표에 맞춰 대회 준비 로드맵을 설계합니다.

02-540-2922
상담하기 (02) 540-2922