A4 두 장 · 양면으로 인쇄하면 한 장이 됩니다

바이브코딩으로 만드는 나만의 게임과 학습 도구

학년 반 번호
이름

준비물

설치할 프로그램은 없습니다. 제미나이 캔버스와 브라우저만 씁니다.

내 계정과 내 주소 — 1차시에 적어 두기

깃허브 아이디
저장소 이름
내 주소

아이디가 그대로 주소가 됩니다. 비밀번호는 여기 적지 말고 따로 기억하세요.

올리는 네 단계 — 매 차시 끝

1캔버스에서 를 눌러 파일 받기
2이름을 영문 + 로 (첫 페이지만 index.html)
3내 저장소 → Add file →
4아래 누르고 1~2분 기다리기

프롬프트 작성 공식 — 네 가지를 말해 주세요

🎯 목표와 환경

무엇을 만들지, 어디서 열려야 하는지

🎨 디자인과 배치

화면 구성, 색, 글자 크기, 휴대폰 대응

⚙️ 동작 규칙

누르면 무엇이 일어나는지, 예외는 어떻게

🗄️ 데이터 보관

저장할지, 새로고침해도 남아야 하는지

막혔던 것과 해결한 방법

AI를 쓸 때의 약속

앞면2026

차시 기록과 마무리

이름

내 게임 기획 — 2차시에 작성

게임 이름
한 줄 설명
어떻게 하는 게임
점수는 어떻게
한 판에 걸리는 시간

규격: 한 판 3분 안에 끝남 · 결과는 숫자 하나 · 높을수록 잘한 것 · 혼자 함 · 파일 하나

내 파이어베이스 — 5차시에 적어 두기

프로젝트 이름
승인된 도메인에 넣은 값

차시별 체크

내 주소 적어 두기

내 주소 (1차시)
우리 반 전시관
내 학습 도구 주소
내 게임 주소

별명은 실명 대신 씁니다. 주소를 아는 사람은 누구나 볼 수 있으니 이름·연락처·사진은 넣지 않습니다.

뒷면바이브코딩으로 만드는 나만의 게임과 학습 도구