← 전체 제작 분야
바이브코딩 프로젝트

아이디어가 실행되는 화면으로

AI와 대화하며 웹사이트·게임·앱을 만들고 직접 테스트해요.

웹사이트게임웹앱
바다 정화 게임을 만드는 노트북과 코딩 작업 공간 · AI 생성 활동 예시
AI로 제작한 활동 예시 이미지
같은 책에서 출발한 활동 예시

바다를 지키는 분리배출 게임

바다 쓰레기 문제를 다룬 책을 읽고, “바다 생물을 어떻게 도울 수 있을까?”라는 질문에서 시작합니다.

이렇게 만들어요

공통 탐구 뒤에 분야별 제작 과정을 이어갑니다.

1

사용자와 필요한 기능 정하기

누가 쓰는 서비스인지, 무엇이 필요한지 적어요.

2

화면·규칙·프롬프트 작성

화면과 사용 방법을 구체적인 요청으로 만들어요.

3

AI와 함께 코드 만들기

외부 코딩 도구에서 코드를 만들고 수정해요.

4

실행·테스트·오류 개선

직접 사용해 보고 오류와 개선 과정을 남겨요.

과정과 결과를 함께 남겨요

기능과 화면 설계

처음 생각과 설계의 이유를 설명해요.

프롬프트·개선 기록

제작하고 바꾼 과정을 기록해요.

실행 링크·코드

완성된 결과와 배운 점을 공유해요.

활동 흐름과 결과물 구성을 설명하는 시안입니다. 실제 코드 생성·실행 환경은 연결 전입니다.

바이브코딩 저장·제출

계정 상태를 확인하고 있습니다.

융합 프로젝트 예시

한 프로젝트에, 여러 결과물을

바다를 지키는 분류 장치를 만들고, 소개 웹사이트와 사용법 카툰을 연결해요.
해결 과정은 하나로, 표현 방법은 다양하게 담습니다.