단계별 안내

연수 순서대로 따라 합니다. 프롬프트는 복사 버튼을 눌러 AI 대화창에 붙여 넣습니다.

① 도입

0:00–0:10

학생 입장에서 개념도 앱을 써 봅니다

이 앱은 교사가 말로 만들었습니다

강사는 코드를 쓰지 않고 AI와 대화해서 이 앱을 만들었습니다. 오늘 남길 결과물은 각자 만든 앱 하나입니다.

② 용어

0:10–0:25

AI 코딩 앱에서 자주 보는 말을 네 묶음으로 익힙니다.

용어 정리 한 화면으로 보기

③ 준비

0:25–0:35

Antigravity를 설치하고 폴더를 엽니다

누가도구스킬 폴더
모두(무료)Google Antigravity
개인 Gmail로 로그인. 만 18세 이상
.agents/skills/
Claude 유료 계정Claude 앱 Code 탭
Pro, Max, Ultra, Team, Enterprise
.claude/skills/
ChatGPT 계정Codex 앱
Free 플랜 포함
.agents/skills/
설치가 막혔을 때Google AI Studio Build
브라우저만으로 씁니다. 스킬은 쓰지 않습니다
없음

학교·업무용 Google 계정은 관리자가 허용해야 로그인됩니다. 개인 Gmail을 씁니다.

바탕화면에 빈 폴더(예: 내앱)를 하나 만들고, 도구에서 그 폴더를 엽니다. 오늘 만드는 모든 파일이 이 폴더에 쌓입니다.

AI에게 스킬 설치를 맡깁니다

설치가 안 되면 예비 자료에서 내 도구에 맞는 스킬 묶음을 내려받아 작업 폴더에 풉니다.

④ 기획

0:35–0:55

바로 만들지 말고 빈틈부터 묻게 합니다

AI는 내 교실 사정을 모릅니다. grill-me가 빈틈을 하나씩 묻고, 질문마다 추천 답을 함께 줍니다. 맞으면 "추천대로", 다르면 내 답을 적습니다.

대화가 끝나면 기획서를 파일로 남깁니다

학생 이름·성적·생활기록부 원문은 넣지 않습니다. 예시 자료는 지어낸 이름으로 만듭니다.

쉬는 시간

0:55–1:05

GitHub와 Cloudflare에 가입합니다

GitHub 가입 Cloudflare 가입

가입이 늦어지면 ⑥ 배포를 건너뛰고 HTML 파일을 게시판에 올리면 됩니다.

⑤ 제작

1:05–1:35

카파시 원칙 네 가지로 만듭니다

  1. 코딩 전에 생각합니다
  2. 단순하게 만듭니다
  3. 요청한 곳만 고칩니다
  4. 목표로 검증합니다

성공·실패·애매한 경우로 시험합니다

PRD.md에 적은 잘 되는 입력, 틀린 입력, 애매한 입력을 하나씩 직접 넣어 봅니다.

어긋난 규칙 한 줄만 고치고 커밋합니다

실패한 입력, 기대한 반응, 고칠 규칙 한 줄로 알려 줍니다. 고쳐지면 커밋합니다. 망가지면 커밋으로 되돌립니다.

오류가 나면 문구를 그대로 보여 줍니다

⑥ 배포

1:35–1:50 시간이 없으면 건너뜁니다

올리기 전에 세 가지를 확인합니다

GitHub에 올리고 Cloudflare로 엽니다

건너뛸 때는 앱의 HTML 파일을 ⑦에서 게시판에 바로 올립니다.

⑦ 공유·마무리

1:50–2:00

게시판에 올리고 동료 앱에 댓글을 답니다

  1. 공유 게시판에 들어가 연수장에서 안내한 입장 코드를 넣습니다.
  2. '앱 올리기'를 눌러 이름, 앱 이름, 교과·학년, 한 줄 소개를 적고 배포 주소나 HTML 파일을 올립니다.
  3. 동료의 앱을 열어 써 보고 댓글을 남깁니다. 선택

학생이 쓰는 앱은 학교운영위원회 심의를 확인합니다

집에서는 같은 폴더를 열어 이어 만듭니다

같은 작업 폴더를 다시 열고 새 세션(새 대화)을 시작해 첫 메시지로 붙여 넣습니다.