01
내 첫 게임 — 누가 주인공?
⏱ 5분
내가 만들 첫 게임의 주인공을 정해보자. 자유롭게 채워봐.
02
좋은 프롬프트 5요소
⏱ 8분
AI한테 부탁할 때 꼭 말해야 하는 다섯 가지. 외워!
✓ 좋은 프롬프트 예시
"노란 배경 페이지에
가운데에 빨간 사각형(200×200px)
클릭하면 파란색으로 바뀌게
HTML 한 파일로 만들어줘"
💡 위 예시처럼 내 게임 만들 때 쓸 프롬프트를 한 번 적어봐
03
첫 게임 화면 그리기
⏱ 10분
내 게임 화면이 어떻게 생겼으면 좋겠어? 박스·동그라미·이름표시 다 그려봐. 잘 못 그려도 OK!
💡 이런 거 그려봐:
주인공 위치 · 배경 색
점수 · 시작 버튼
04
자주 막힐 때 처방전
⏱ 7분
막혔을 때 체크박스 켜고 따라해봐. 이거 외우면 진짜 도움 돼!
파일 저장 안 됨
→
Cmd/Ctrl + S 눌러서 저장
색이 안 바뀜
→
Cmd/Ctrl + R로 새로고침
AI가 다른 거 만듦
→
더 구체적으로 (색·크기·위치) 다시 설명
한글 깨짐 (□□□)
→
"meta charset utf-8 추가해줘"라고 말
화면이 새까매
→
CSS 배경색이 검정이거나 글자색=배경색일 때. 다시 확인!
05
오늘 만든 결과물 점검
⏱ 5분
하나하나 확인하고 ✓ 체크. 다 됐으면 부모님께 자랑!
이번 주에 나오는 단어들. 모르면 자연스러워요. 외울 필요 없어요. 막힐 때마다 펴서 보세요.
인공지능AI · Artificial Intelligence
컴퓨터가 사람처럼 생각하는 척하는 거. 그림도 그리고 글도 쓰고 코드도 짜.
클로드 코드Claude Code
우리가 같이 일하는 AI 친구. 코드를 대신 짜줘. 우리 수업의 짝꿍.
에이치티엠엘HTML
웹페이지를 만드는 가장 기본 언어. 글자·그림·버튼이 다 HTML 박스로 되어있어.
씨에스에스CSS
HTML에 화장하는 도구. 색·크기·모양을 정해줘. 예쁘게 꾸미는 담당.
자바스크립트JS · JavaScript
화면이 움직이게 하는 마법 코드. 클릭하면 색이 바뀌는 거 다 JS가 함.
프롬프트Prompt
AI에게 시킬 말. "노란 배경 만들어" 같은 거. 더 구체적일수록 좋아.
디렉터Director
영화 감독처럼 "이렇게 만들어줘"라고 시키는 사람. 너가 디렉터, AI가 작업자.
인터랙션Interaction
사용자가 뭔가 하면 화면이 반응하는 것. 클릭하면 색 변화 같은 거.
코드Code
컴퓨터가 알아듣는 글자. 사람 말이랑 다르게 정확해야 됨. AI가 대신 써줌.
브라우저Browser
Chrome, Safari 같은 거. 사이트 보는 창문. 우리 게임도 여기서 돌아가.