진선미
← 목록으로

AI 창작제 OT


AI와 함께 코딩

Codex로 나만의 게임 만들기
— 말로 지시하면 AI가 코딩해 줍니다

코드를 한 줄도 몰라도 괜찮아요. 선생님이 나눠 준 학교 ChatGPT 계정으로 코딩 에이전트 Codex에게 일을 시켜서, 브라우저에서 돌아가는 게임을 만들고 구글 클래스룸 제출까지 하면 됩니다. AI 창작제는 오늘 시작해요. 제출 기한은 7월 15일까지입니다.

진선(眞善) · 2026년 7월 기준

AI 창작제 전체 흐름 — 학교 계정 로그인, 폴더 준비, 게임 만들기, 제출물 세 개 준비, 구글 클래스룸 제출(기한 7월 15일)

우리의 목적지는 5번, 제출 기한은 7월 15일까지입니다. 지금 내가 어디쯤인지 헷갈리면 이 그림으로 돌아오세요.

1Codex가 뭐예요?

Codex는 OpenAI가 만든 AI 코딩 에이전트예요. 여기서 핵심 단어는 '에이전트(agent)'입니다. 일반 챗봇은 질문에 한 번 대답하고 끝나지만, 에이전트는 목표를 받으면 스스로 계획을 세우고 → 코드를 쓰고 → 실행해 보고 → 문제가 있으면 고치는 과정을 반복해서 일을 끝냅니다.

ChatGPT와 무엇이 다른지 표로 정리하면 이렇습니다.

ChatGPT (대화형)Codex (에이전트형)
결과물채팅창에 코드를 보여 줌내 컴퓨터 폴더에 파일을 직접 생성·수정
수정할 때코드를 다시 복사·붙여넣기"점수판 추가해 줘" 한마디면 알아서 수정
여러 파일파일이 많아지면 관리가 어려움프로젝트 전체를 스스로 파악하고 관리
어울리는 일아이디어 회의, 기획, 질문실제 제작, 기능 추가, 버그 수정

2준비물 체크리스트

  • 선생님이 나눠 준 학교 ChatGPT 계정 — AI 창작제를 위해 학교에서 한 명당 하나씩 만들어 준 유료 계정이에요. 배부받은 아이디(이메일)와 비밀번호를 준비하세요. Codex가 이미 포함된 계정이라 따로 가입하거나 결제할 것은 없어요.
  • 내 구글 클래스룸 계정 — 완성한 게임을 제출할 때 필요해요. 평소 과제 제출에 쓰던 그 계정입니다.
  • 내 컴퓨터 (Windows 또는 Mac) — Codex 데스크톱 앱을 각자 자기 컴퓨터에 설치해서 사용합니다. 설치 방법은 아래 3번에서 차근차근 안내할게요.
  • 웹 브라우저 — 완성한 게임을 실행해 볼 때 필요해요. 크롬이면 충분합니다.
학교 계정 사용 약속 — 꼭 읽어 주세요

비밀번호를 바꾸지 않아요. 선생님이 관리하는 계정이에요. 임의로 바꾸면 로그인 문제가 생겼을 때 도와줄 수 없습니다.

창작제·학습 목적으로만 사용해요. 학교가 비용을 내고 빌려준 계정이에요. 다른 용도로 쓰면 계정이 회수될 수 있습니다.

개인 정보를 입력하지 않아요. 주민등록번호, 집 주소, 가족 이야기 같은 민감한 정보는 AI 대화창에 쓰지 않는 것이 원칙입니다.

3설치하고 첫 화면 만나기

아래 네 단계를 순서대로 따라 하세요. 각 단계 끝의 ✔ 확인을 통과한 뒤 다음 단계로 넘어가세요.

  1. Codex 데스크톱 앱 내려받고 학교 계정으로 로그인 브라우저 주소창에 openai.com/codex를 입력해 접속하세요. 내 컴퓨터(Windows/Mac)에 맞는 앱을 내려받아 설치한 뒤, 앱을 열고 선생님이 나눠 준 학교 계정의 아이디와 비밀번호로 로그인합니다. 개인 ChatGPT 계정으로 로그인되어 있다면 반드시 로그아웃하고 학교 계정으로 다시 로그인해야 합니다.
    ⚠ 주의: 비밀번호는 절대 바꾸지 마세요. 선생님이 관리하는 계정이라, 바꾸면 문제가 생겼을 때 도와줄 수 없어요.
    ✔ 확인: 로그인 후 ChatGPT와 비슷한 채팅 화면이 열리면 성공.
  2. 게임 전용 폴더 만들기 바탕화면에서 마우스 오른쪽 클릭 → 새 폴더를 만들고 이름을 Codex로 정합니다. 그 폴더를 열고 안에 다시 새 폴더 game을 만드세요. Codex는 프로젝트를 폴더 단위로 관리하기 때문에, 이렇게 정리해 두면 프로젝트가 늘어나도 헷갈리지 않아요.
    ✔ 확인: 바탕화면 → Codex → game (비어 있는 폴더) 경로가 만들어졌으면 성공.
  3. 프로젝트 연결하기 왼쪽 목록의 Projects(프로젝트)+ 버튼을 누르고, 'Use an existing folder(기존 폴더 사용)'를 선택하세요. 폴더 선택 창이 뜨면 방금 만든 game 폴더를 지정합니다. 메뉴가 영어로 나와도 당황하지 마세요 — 위 이름 그대로 찾으면 됩니다. 왼쪽에 프로젝트·대화 목록, 가운데에 Codex와 대화하는 스레드(thread)가 있습니다.
    ✔ 확인: 왼쪽 목록에 game 프로젝트가 보이고, 가운데에 입력창이 있으면 성공. Mac에서 바탕화면 폴더 접근을 허용하겠냐는 창이 뜨면 '허용'을 누르세요.
  4. 권한 확인하기 입력창 근처를 보세요. 'Local(로컬에서 작업)'이라는 표시가 있다면, Codex가 내가 지정한 폴더 안에서만 파일을 만들고 고칠 수 있다는 뜻이에요. 처음에는 아무것도 바꾸지 말고 이 기본 설정을 그대로 두는 것이 안전합니다.
    ✔ 확인: 여기까지 됐다면 준비 끝! 이제 게임을 만들러 갑니다.

4실습(예시) — 벽돌깨기 게임 만들기

이제 본격적으로 게임을 만들어 볼게요. 요령은 건축가가 시공사에 요구사항을 전달하듯, 원하는 것을 구체적으로 말하는 것입니다.

벽돌깨기는 연습, 제출작은 자유 주제!

이 실습은 Codex 사용법을 익히는 연습 문제예요. 창작제에 제출할 작품은 내가 만들고 싶은 게임을 자유롭게 정하면 됩니다. 아이디어가 필요하면 아래 8번의 예시 프롬프트 모음을 참고하세요. 물론 벽돌깨기를 나만의 스타일로 발전시켜 제출해도 괜찮아요.

STEP 1. 첫 번째 지시 — 기본 게임 만들기

스레드에 아래 프롬프트를 입력해 보세요. 그대로 복사해서 써도 좋습니다.

PROMPT ①
이 폴더에 브라우저에서 실행되는 벽돌깨기 게임을 만들어 줘. 조건: - index.html 파일 하나로 완성할 것 (HTML, CSS, JavaScript 모두 포함) - 화면 아래의 막대를 키보드 좌우 방향키로 움직여서 공을 튕겨 벽돌을 깨는 방식 - 벽돌은 5줄 × 8칸, 줄마다 색이 다르게 - 공이 바닥에 떨어지면 게임 오버, 벽돌을 다 깨면 승리 메시지 표시 - 외부 라이브러리 없이 순수 JavaScript만 사용할 것

Enter를 누르면 이런 일이 차례로 일어납니다. 당황하지 말고 지켜보세요.

  1. Codex가 계획을 말합니다 "index.html 파일을 만들어 캔버스 기반의 벽돌깨기를 구현하겠습니다"처럼 무엇을 할지 먼저 설명해요. 가볍게 읽어 보세요.
  2. 승인을 요청하면 허용해 주세요 파일을 만들거나 고치기 전에 "이 작업을 진행할까요?" 하고 물어볼 수 있어요. 내용을 확인하고 승인(허용) 버튼을 누르면 됩니다.
  3. 작업이 끝날 때까지 기다립니다 Codex가 코드를 쓰는 과정이 실시간으로 흘러갑니다. 보통 1~3분이면 "완료했습니다"라는 요약과 함께 작업이 끝나요.
✔ 확인 포인트

game 폴더를 열어 보세요. 아까는 비어 있었는데 index.html 파일이 생겼다면 성공입니다. 이 파일 하나가 게임 전체예요.

STEP 2. 실행해 보기

game 폴더의 index.html더블클릭하세요. 브라우저가 열리면서 게임이 실행됩니다. 방향키로 막대를 움직여 직접 플레이해 보세요!

뭔가 이상해도 괜찮아요

공이 너무 빠르거나, 화면이 작거나, 아예 안 움직일 수도 있어요. 그게 정상입니다. 지금 본 문제를 그대로 스레드에 적으세요. 예: "공이 너무 빨라서 게임이 안 돼. 절반 속도로 줄여 줘." — 고치는 것까지가 Codex의 일입니다.

TIP — 실행 방법도 물어보세요

뭘 어떻게 열어야 할지 모르겠다면 Codex에게 "이 게임을 어떻게 실행해? 순서대로 알려 줘"라고 물어보면 돼요. 에이전트는 만드는 것뿐 아니라 설명하는 것도 잘합니다.

STEP 3. 두 번째 지시 — 기능 추가하기

여기서부터가 Codex의 진가예요. 코드를 다시 붙여넣을 필요 없이, 고치고 싶은 점을 말로 하면 됩니다.

PROMPT ②
게임을 업그레이드해 줘. 1. 화면 위쪽에 점수판 추가 — 벽돌 하나당 10점 2. 목숨 3개 시스템 — 공을 놓치면 목숨이 1개 줄고, 0이 되면 게임 오버 3. 게임 오버 화면에 '다시 시작' 버튼 추가 4. 벽돌을 깰수록 공 속도가 조금씩 빨라지게

Codex가 기존 코드에서 고칠 부분을 스스로 찾아 수정합니다. 끝나면 브라우저를 새로고침(F5)해서 바뀐 게임을 확인하세요. 이 리듬을 기억해 두세요 — 지시 → 완료 기다리기 → F5 → 플레이해서 확인. 앞으로 모든 수정이 이 네 박자로 돌아갑니다.

✔ 확인 포인트

화면 위에 점수판이 보이고, 일부러 공을 세 번 놓쳤을 때 게임 오버 화면과 '다시 시작' 버튼이 나오면 성공입니다.

STEP 4. 세 번째 지시 — 나만의 개성 입히기

마지막으로 게임에 자기만의 색을 입혀 봅시다. 아래는 예시일 뿐이니, 자유롭게 바꿔 보세요.

PROMPT ③ (예시)
게임 분위기를 바꿔 줘. - 배경을 밤하늘 느낌의 짙은 남색 그라데이션으로 - 공을 노란 보름달처럼, 벽돌은 파스텔톤으로 - 제목을 '달빛 벽돌깨기'로 바꾸고 화면 위에 예쁜 폰트로 표시 - 벽돌이 깨질 때 살짝 반짝이는 효과 추가 - 스마트폰에서도 할 수 있게 터치로 막대를 움직이는 기능 추가

여기까지 하면 코드 한 줄 직접 쓰지 않고, 지시 세 번으로 나만의 게임이 완성됩니다. 직접 플레이해 보며 제출작에 쓸 아이디어를 찾아보세요.

5완성! 이제 구글 클래스룸에 제출하기

게임이 완성됐다면 마지막으로 제출할 차례예요. 제출물은 세 가지입니다.

  • 제출물 ① 게임 파일 — Codex가 만든 게임. 이미 내 컴퓨터의 게임을 만든 폴더 안에 있어요.
  • 제출물 ② 프롬프트 정리본 — 내가 Codex에게 어떤 지시를 내려 게임을 완성했는지 정리한 문서. 이건 AI에게 정리를 시켜서 만듭니다. (아래에서 방법 설명)
  • 제출물 ③ 출품작 세부 기술서 — 작품의 기획 의도와 제작 과정을 문항에 따라 직접 쓰는 보고서. 공정한 작품 심사와 세특 기재의 근거 자료가 되니 꼼꼼히 작성하세요. (아래에서 문항과 작성 요령 설명)

프롬프트 정리본을 함께 내는 이유가 있어요. AI 창작제에서 평가하는 것은 완성된 게임만이 아니라, AI에게 일을 시키는 과정이거든요. 같은 게임이라도 어떤 지시를 어떤 순서로 내렸는지에서 여러분의 기획력과 문제 해결 과정이 고스란히 드러납니다.

먼저, 프롬프트 정리본 만들기

직접 프롬프트를 하나하나 복사할 필요 없어요. 게임을 만들던 그 스레드에 아래 지시를 그대로 붙여넣으세요.

프롬프트 정리본 만들기
지금까지 이 프로젝트에서 내가 보낸 프롬프트를 정리한 보고서를 prompts.md 파일로 만들어 줘. 조건: - 내가 보낸 프롬프트를 순서대로 번호를 붙여 빠짐없이 기록 - 각 프롬프트 아래에 "이 지시로 무엇이 만들어졌는지"를 1~2문장으로 요약 - 버그를 고친 지시가 있다면 "어떤 문제 → 어떻게 해결"로 표시 - 맨 위에 게임 이름, 내 학번과 이름을 적는 칸을 비워 둬 - 맨 아래에 '이번 프로젝트에서 가장 효과가 좋았던 프롬프트와 그 이유' 칸을 비워 둬

완성되면 게임을 만든 폴더prompts.md 파일이 생깁니다. 파일을 메모장으로 열어 비워 둔 두 칸(학번·이름, 가장 효과 좋았던 프롬프트)을 직접 채우세요. 특히 마지막 칸은 AI가 대신 써 줄 수 없는, 여러분 자신의 회고입니다.

Codex 앱이 아니라 ChatGPT에서 정리하고 싶다면

스레드가 이미 닫혔거나 프롬프트를 따로 메모해 뒀나요? 그렇다면 ChatGPT(chatgpt.com)에 메모를 붙여넣고 "이 프롬프트들을 위 조건대로 표 형식으로 정리해 줘"라고 하면 됩니다. 정리된 내용을 복사해 메모장에 붙여넣고 10130_김진선_프롬프트.txt로 저장하면 됩니다.

그리고, 출품작 세부 기술서 쓰기

기술서는 정리본과 달리 처음부터 끝까지 내가 직접 쓰는 문서예요. 구글 문서(docs.google.com)에서 새 문서를 만드세요. 제목을 10130_김진선_기술서 형식으로 정하고, 아래 문항에 하나씩 답을 적으면 됩니다. 구글 문서는 자동 저장되니 저장 버튼을 찾을 필요가 없어요.

출품작 세부 기술서 문항

[Part 1] 작품의 독창성 및 완성도

· 개요 및 시나리오(줄거리): 게임의 장르와 목표, 기본 규칙(조작 방법, 점수·승패 조건)을 소개하고, 심사자가 꼭 플레이해 봤으면 하는 핵심 재미 요소를 적어주세요.

· 창의성 및 차별성: 기존의 유사한 콘텐츠들과 비교했을 때, 본 작품이 가진 독창적인 아이디어나 매력은 무엇인가요?

[Part 2] 기획 의도 및 기술적 탐구 역량

· 주제 선정 및 기획 배경: 본 작품을 기획하고 제작하게 된 구체적인 동기와 목적은 무엇인가요?

· AI 기술 융합 및 활용 역량: 어떤 AI 툴을 어떻게 활용했으며(프롬프트 설계 등), 제작 과정에서 발생한 한계나 오류를 어떻게 주도적으로 해결했나요?

· 발전 가능성: 본 프로젝트를 통해 기술적으로나 개인적으로 한 단계 성장한 부분은 무엇인가요?

기술서, 어렵지 않게 쓰는 요령

Part 2는 프롬프트 정리본이 최고의 재료예요. 정리본에 기록된 "어떤 문제 → 어떻게 해결"이 바로 'AI 기술 융합 및 활용 역량' 문항의 답이 됩니다. 정리본을 옆에 펼쳐 놓고 쓰세요.

솔직하게 쓴 실패담이 좋은 답입니다. "한 번에 완성됐어요"보다 "공이 벽을 통과하는 버그가 생겨서 상황을 구체적으로 설명해 고쳤어요"가 훨씬 좋은 평가를 받아요.

기술서 내용 자체를 AI에게 쓰게 하면 안 돼요. 이 문서는 여러분의 생각과 경험을 심사자와 선생님이 확인하는 자료입니다. 맞춤법 검사 정도는 괜찮지만, 답변은 내 언어로 쓰세요.

마지막으로, 클래스룸에 제출하기

  1. 제출물 이름 확인하기 게임을 만든 폴더에서 파일 두 개를 각각 마우스 오른쪽 클릭 → 이름 바꾸기로 학번_이름_내용 형식에 맞춥니다.
    게임: 10130_김진선_벽돌깨기.html
    정리본: 10130_김진선_프롬프트.md
    기술서는 구글 문서라 파일이 따로 없어요. 문서 제목10130_김진선_기술서 형식인지만 확인하세요.
    ✔ 확인: 뒤의 .html / .md 같은 확장자는 지우면 안 돼요.
  2. 구글 클래스룸 접속하기 브라우저에서 classroom.google.com에 접속해 평소 과제 제출에 쓰는 내 구글 계정으로 로그인합니다. 참고로 이 계정은 아까 Codex에 로그인한 학교 ChatGPT 계정과는 별개예요 — 헷갈리지 마세요!
  3. 과제 열기 우리 반 수업(정보)에 들어가 '수업' 탭에서 선생님이 올린 AI 창작제 과제를 클릭합니다. 오른쪽(모바일은 아래)에 '내 과제' 칸이 보일 거예요.
  4. 제출물 세 개 첨부하기 '내 과제' 칸에서 + 추가 또는 생성을 누릅니다. 게임 파일과 프롬프트 정리본은 '파일'을 눌러 컴퓨터에서 올리고, 기술서는 'Google 드라이브'를 눌러 내가 쓴 구글 문서를 찾아 선택하세요.
    ✔ 확인: '내 과제' 칸에 항목이 세 개(파일 2 + 문서 1) 붙어 있는지 세어 보세요.
  5. 제출 버튼 누르기 — 여기까지 해야 제출 완료! 마지막으로 '제출' 버튼을 꼭 누르세요. 파일만 첨부하고 이 버튼을 안 누르면 선생님에게는 미제출로 보입니다. 가장 많이 하는 실수예요.
    ✔ 확인: '내 과제' 칸의 상태가 '제출함'으로 바뀌었으면 진짜 끝. 과제 마감 후가 아니라면 '제출 취소'를 눌러 파일을 바꿔 다시 낼 수도 있어요.
클래스룸에서 클릭하면 게임이 안 열리는데요?

정상입니다. 클래스룸(구글 드라이브)은 HTML 파일을 실행하지 않고 코드 내용만 미리보기로 보여 줘요. 제출은 그대로 유효하고, 선생님이 파일을 내려받아 실행해서 확인합니다. 내가 다시 플레이하고 싶을 때는 내 컴퓨터에 있는 원본 파일을 더블클릭하면 돼요.

파이썬으로 만들었다면? — 그것도 제출 가능

HTML 게임을 권장하지만, 파이썬으로 만든 게임(.py 파일)도 똑같이 제출할 수 있어요. 파일명 규칙은 동일합니다. 예: 10130_김진선_숫자야구.py

다만 두 가지를 지켜 주세요. ① 실행에 필요한 파일이 여러 개라면 폴더째 ZIP으로 압축해서 하나로 제출하기. ② Codex에게 "이 게임의 실행 방법을 주석으로 코드 맨 위에 적어 줘"라고 시켜서, 채점하는 사람이 실행법을 알 수 있게 하기.

파일이 여러 개라면 — 폴더째 압축

게임을 발전시키다 보면 이미지나 소리 파일이 늘어날 수 있어요. 그럴 땐 게임을 만든 폴더를 마우스 오른쪽 클릭 → 압축(ZIP)해서 10130_김진선_벽돌깨기.zip 한 파일로 만들어 올리면 빠뜨리는 파일 없이 제출할 수 있습니다.

6좋은 지시(프롬프트)를 쓰는 세 가지 요령

① 조건을 구체적으로

"게임 만들어 줘"보다 "벽돌 5줄, 방향키 조작, 파일 하나로"처럼 조건을 붙일수록 원하는 결과가 나옵니다. 요구사항을 번호 목록으로 정리하는 습관을 들이세요. 이건 나중에 사람 개발자와 협업할 때도 그대로 쓰이는 능력이에요.

② 한 번에 하나씩, 작게

기능 10개를 한꺼번에 시키면 어디서 잘못됐는지 찾기 어려워요. 작게 시키고 → 실행해 확인하고 → 다음 지시. 이 리듬이 에이전트를 다루는 핵심입니다.

③ 결과를 반드시 확인하고, 이상하면 그대로 말하기

버그가 생기면 당황하지 말고 상황을 그대로 전달하세요. "공이 막대에 닿았는데 튕기지 않고 통과해. 원인을 찾아서 고쳐 줘." — 에러 메시지가 떴다면 복사해서 붙여넣어 주면 더 빨리 해결합니다.

7알아 두면 좋은 주의사항

사용량에는 한도가 있어요

Codex는 무제한이 아니에요. 5시간 단위로 갱신되는 사용량 한도가 있고, 크고 복잡한 작업일수록 크레딧을 많이 씁니다. 이 한도는 내 계정, 즉 나 혼자의 몫이에요.

그래서 큰 작업을 한 방에 시키기보다 '작게 나눠 시키기'로 아껴 쓰는 게 좋아요. 한도에 걸리면 당황하지 말고 선생님께 알리세요. 갱신을 기다리는 동안 프롬프트를 다듬거나, 게임을 플레이하며 개선점을 메모해 두면 됩니다.

권한은 필요한 만큼만

Codex에게 컴퓨터 전체 접근 권한을 주는 옵션도 있지만, 처음에는 프로젝트 폴더 안으로 제한된 기본 설정을 유지하세요. AI가 파일을 직접 다루는 도구인 만큼, 어떤 작업을 하는지 확인하는 습관이 중요합니다.

코드를 '읽어 보는' 습관

완성 후에 이렇게 물어보세요. "index.html 코드를 처음 배우는 사람 눈높이로 한 부분씩 설명해 줘." Codex는 훌륭한 과외 선생님이기도 해요. 만드는 데서 끝내지 않고 원리를 물어보는 사람이 결국 실력이 늡니다.

8복사해서 바로 쓰는 예시 프롬프트 모음

벽돌깨기를 완성했다면 이제 뭐든 만들 수 있어요. 아래 프롬프트는 그대로 복사해서 붙여넣으면 작동하도록 만든 검증된 형식입니다. 새 게임은 꼭 새 폴더(새 프로젝트)를 만들어 시작하세요. 그리고 그대로 쓰는 데서 멈추지 말고, 조건을 하나씩 내 취향대로 바꿔 보세요 — 그게 진짜 실력이 되는 지점입니다.

🎮 새 게임 만들기

뱀 게임 (스네이크)
이 폴더에 브라우저에서 실행되는 뱀 게임(스네이크)을 index.html 파일 하나로 만들어 줘. 조건: - 방향키로 뱀을 조종하고, 먹이를 먹으면 몸이 한 칸씩 길어짐 - 벽이나 자기 몸에 부딪히면 게임 오버 - 화면 위에 현재 점수 표시, 먹이 하나당 10점 - 격자는 20×20 크기, 뱀이 지나간 자리가 또렷하게 보이는 색으로 - 게임 오버 화면에 최종 점수와 '다시 시작' 버튼 - 외부 라이브러리 없이 순수 JavaScript만 사용
2048 퍼즐
이 폴더에 2048 퍼즐 게임을 index.html 파일 하나로 만들어 줘. 조건: - 4×4 격자에서 방향키로 숫자 타일을 밀어 같은 숫자끼리 합치는 규칙 - 매 이동 후 빈 칸에 2 또는 4가 무작위로 생성 - 숫자가 커질수록 타일 색이 점점 진해지게 - 2048 타일을 만들면 축하 메시지, 더 움직일 수 없으면 게임 오버 - 현재 점수와 최고 점수를 화면 위에 표시하고, 최고 점수는 브라우저를 닫아도 기억되게 - 외부 라이브러리 없이 순수 JavaScript만 사용
두더지 잡기 (반응속도)
이 폴더에 두더지 잡기 게임을 index.html 파일 하나로 만들어 줘. 조건: - 3×3 구멍에서 두더지가 무작위로 나타났다 사라짐, 클릭하면 1점 - 제한 시간 30초, 남은 시간을 화면 위에 크게 표시 - 시간이 지날수록 두더지가 나타나는 속도가 점점 빨라짐 - 두더지를 잡으면 통쾌한 애니메이션 효과 - 종료 화면에 점수에 따라 다른 칭호 표시 (예: 20점 이상 '두더지 헌터') - 마우스와 터치 모두 지원, 순수 JavaScript만 사용
기억력 카드 게임
이 폴더에 카드 짝 맞추기 기억력 게임을 index.html 파일 하나로 만들어 줘. 조건: - 4×4로 놓인 16장의 카드, 8쌍의 과일 이모지 사용 - 카드를 두 장 뒤집어 그림이 같으면 그대로 열리고, 다르면 1초 후 다시 닫힘 - 카드가 뒤집힐 때 부드러운 회전 애니메이션 - 시도 횟수를 세어서 화면 위에 표시, 모두 맞추면 시도 횟수와 함께 축하 화면 - 게임을 시작할 때마다 카드 위치는 무작위로 섞기 - 순수 JavaScript만 사용
영단어 타자 게임
이 폴더에 영단어 타자 게임을 index.html 파일 하나로 만들어 줘. 조건: - 화면 위에서 영어 단어가 천천히 떨어지고, 바닥에 닿기 전에 정확히 입력하면 사라지며 점수 획득 - 단어 목록은 고등학교 수준 영단어 40개를 코드 안에 넣어 줘 - 단어를 놓칠 때마다 목숨이 1개 감소 (총 3개), 0이 되면 게임 오버 - 점수가 오를수록 단어가 떨어지는 속도 증가 - 입력창은 항상 화면 아래에 고정, 정답을 입력하면 자동으로 비워지게 - 순수 JavaScript만 사용

✨ 만든 게임 업그레이드하기

아래 프롬프트는 이미 게임을 만든 프로젝트의 스레드에서 이어서 쓰는 것들이에요.

효과음 넣기
게임에 효과음을 추가해 줘. - 외부 음악 파일 없이, 웹 오디오 기능으로 코드에서 직접 소리를 만들어 줘 - 점수를 얻을 때는 밝고 짧은 소리, 실패할 때는 낮은 소리 - 게임 시작 화면에 소리 켜기/끄기 버튼 추가
난이도 선택 만들기
게임 시작 전에 난이도 선택 화면을 추가해 줘. - 쉬움 / 보통 / 어려움 세 가지 버튼 - 난이도에 따라 속도와 점수 배율이 달라지게 (어려움은 점수 2배) - 어떤 값을 어떻게 다르게 설정했는지 표로 정리해서 알려 줘
최고 기록 저장하기
최고 점수 기록 기능을 추가해 줘. - 게임이 끝나면 이름을 입력받아 점수와 함께 저장 - 시작 화면에 상위 5명의 랭킹 표시 - 브라우저를 껐다 켜도 기록이 남아 있게 해 줘

🔧 문제가 생겼을 때 (버그 신고 양식)

버그를 만나면 아래 세 줄 형식으로 신고하세요. 사람 개발자에게 버그를 알릴 때 쓰는 방식과 똑같습니다.

버그 신고 3줄 공식
버그를 찾았어. 원인을 찾아서 고쳐 줘. - 한 일: 막대를 화면 오른쪽 끝까지 이동시켰어 - 기대한 것: 막대가 벽에서 멈춰야 해 - 실제 일어난 일: 막대가 화면 밖으로 사라져 버려 고치기 전에 무엇이 원인이었는지 한 문장으로 먼저 설명해 줘.

📚 만든 게임으로 공부하기

코드 과외 받기
index.html 코드를 코딩을 처음 배우는 고등학생 눈높이로 설명해 줘. - 큰 구조(HTML/CSS/JavaScript가 각각 무슨 역할인지)부터 먼저 - 그다음 게임의 핵심 부분(공의 움직임, 충돌 판정)을 한 부분씩 - 어려운 용어가 나오면 반드시 일상적인 비유를 들어 줘
이해했는지 확인하기
방금 설명해 준 내용으로 나에게 퀴즈 5문제를 내 줘. - 객관식 3문제 + "이 코드에서 이 숫자를 바꾸면 어떻게 될까?" 예측 문제 2문제 - 한 문제씩 내고, 내가 답하면 채점하고 다음 문제로 넘어가 줘
프롬프트를 뜯어보면 공통점이 보여요

위 프롬프트들은 전부 같은 뼈대입니다. ① 무엇을 만들지 한 문장 → ② 조건을 번호·기호 목록으로 → ③ 형식이나 제한(파일 하나, 순수 JS) 명시. 이 뼈대만 기억하면 세상에 없는 나만의 게임도 직접 설계할 수 있어요.

9자주 묻는 질문

집에서도 이어서 할 수 있나요?
네. 학교에서 받은 ChatGPT 계정은 어떤 컴퓨터에서든 로그인해서 쓸 수 있어요. 다른 컴퓨터에서 이어 하고 싶다면 게임 폴더를 USB나 개인 드라이브로 옮긴 뒤, Codex 앱 설치 → 학교 계정 로그인 → 옮긴 폴더를 프로젝트로 연결, 이 세 단계면 이어집니다.
비밀번호를 잊어버렸어요 / 로그인이 안 돼요
혼자 해결하려고 비밀번호를 바꾸거나 새 계정을 만들지 말고, 바로 선생님께 말씀드리세요. 학교 계정은 선생님이 관리하고 있어서 금방 해결해 줄 수 있습니다.
벽돌깨기 말고 다른 게임도 되나요?
물론이죠. 뱀 게임, 2048, 미로 탈출, 타자 연습 게임, 퀴즈 게임 모두 좋은 첫 프로젝트예요. 요령은 같습니다 — 규칙을 구체적으로 적어서 지시하고, 작게 나눠 발전시키기. 위 8번의 프롬프트 모음을 활용하세요.
파이썬으로 만들어도 되나요?
네, 됩니다. HTML 게임을 권장하는 이유는 파일 하나를 더블클릭만 하면 어디서든 실행돼서 제출·확인이 쉽기 때문이에요. 파이썬으로 만들고 싶다면 Codex에게 "파이썬으로 터미널에서 실행되는 ○○ 게임을 만들어 줘"라고 지시하면 되고, 제출 방법은 5번 섹션의 파이썬 안내를 따르세요.
Codex가 만든 코드에 오류가 있으면요?
AI도 실수합니다. 그래서 결과를 직접 실행해 확인하는 과정이 필수예요. 이상한 점을 발견하고, 정확히 설명하고, 고치게 하는 것 — 그게 바로 감독의 일이고, AI 창작제에서 기르려는 능력입니다.

최종 정리

① Codex는 지시를 받아 스스로 계획하고 코드를 쓰고 고치는 에이전트다.

학교 계정의 비밀번호는 바꾸지 않는다.

③ 프로젝트는 폴더 단위로 관리한다.

④ 좋은 지시의 요령은 구체적으로, 작게, 확인하며.

⑤ AI가 코딩을 대신해 줘도, 결과를 판단하고 방향을 정하는 것은 사람의 몫이다.

⑥ 제출물은 게임 파일 + 프롬프트 정리본 + 세부 기술서 세 개 — 학번_이름으로 이름을 맞춰 클래스룸 과제에 첨부하고 '제출' 버튼까지 눌러야 끝!

제출 기한: 7월 15일까지

읽어 주셔서 감사합니다. 다음 글에서 또 봬요.

댓글

Powered by Blogger.