지리수업 / 교사-수업안
TEACHER
// README · 수업 운영

지리 게임 제작 수업

정규 지리 수업 2차시(90분) · Cursor로 팀별 HTML 게임 제작 · 학생용 가이드.html과 함께 사용.

중·고등 · 학급 25~35명 · 3~4인 1팀

바로가기
01 / overview
01

한눈에 보기

Target
중·고등 지리 수업 · 학급 25~35명
Duration
2차시 × 45분 · 총 90분
Teams
3~4인 1팀 · 팀당 노트북 1대 권장
Tool
Cursor · 단일 HTML 결과물
Games
중학 5종 · 고등 5종 · 성취기준 연계
Success
S3 = 1차시 성공 · 플레이 가능 = 최종 성공
› 흐름. 1차시 S1~S3(기획·뼈대·내용) → 2차시 S4~S6(디자인·플레이·팀 발표). 완벽한 완성보다 과정·지리 이해·공유를 강조.
! 채팅 AI만 쓰는 것과 다릅니다. Cursor는 내 컴퓨터에 파일을 직접 만드는 도구 — 수업 후에도 게임 파일을 가져갈 수 있습니다.
기획·발표규칙 정리, 2차시 1~2분 시연
프롬프트가이드 복사·붙여넣기, S4 답변
지리 콘텐츠교과서 확인, S3 데이터 검토
테스트클릭·정답·모바일 화면 점검
02 / timeline
02

차시별 타임라인

▍1차시 — 기획·뼈대·내용 (45분)
5분
도입 · 팀·주제 안내
학습 목표 · 중5·고5 게임 소개 · 성취기준 연결 · 가이드.html · 팀 역할
5분
Cursor 세팅
폴더 열기 · 워밍업 · 전 팀 동시 진행 확인
10분
S1 기획 — 라이브 시연
규칙 파일 + plan.txt · 교과서 단원·지리 범위 팀 토론
12분
S2 뼈대
팀별 게임 유형에 맞는 HTML 골격 · 순회
10분
S3 내용
지리 데이터 입력 · 단원에 맞게 수정 · S3까지 = 1차시 성공 선언
3분
마무리
Ctrl+S 저장 · 2차시 예고
▍2차시 — 디자인·플레이·발표 (45분)
3분
복습 · S4 안내
"AI가 팀에게 질문한다" · 같은 유형도 결과가 달라짐
12분
S4 디자인
역질문 → 팀 답변 → 디자인 반영 · 개별 진행
15분
S5 플레이
클릭·정답·점수 동작 · 플레이 가능 여부 점검
5분
S6 마무리
반응형·단원 안내 문구 · 저장
10분
팀 발표 · 플레이 시연
팀당 1~2분 · "어떤 지리 내용을 넣었나" · "왜 이렇게 디자인했나"
03 / s1-s6
03

S1~S6 제작 단계

단계역할진행 방식
S1LIVE기획 · 규칙 파일 · plan.txt교사 시연 후 팀별 진행
S21차시뼈대 — HTML 골격게임 유형별 프롬프트 · 순회
S31차시내용 — 지리 데이터·레이아웃교과서 단원 맞춤 수정 · 1차시 성공 기준
S42차시 ★디자인 — AI 역질문 → 답 반영팀별 개별 · 차별화 시작점
S52차시플레이 — 클릭·정답·점수팀별 · 최종 성공 기준
S62차시마무리 · 테스트 · 발표 준비저장 · 팀 시연
// S4 역질문 프롬프트 (학생 가이드와 동일)
지금부터 우리 지리 게임의 디자인을 정할 거야. 너가 우리 팀에게 먼저 질문을 던져줘. 색감, 분위기, 지도/카드 모양, 글꼴 느낌, 애니메이션 등 디자인에 필요한 것을 3~5개 물어봐. 우리 답을 받은 뒤 그걸 반영해서 디자인을 적용해줘.
04 / game-types
04

10가지 지리 게임 (성취기준 연계)

팀당 1개 선택 · 학년에 맞는 목록에서 고르게 안내 · S3 데이터는 교과서·단원에 맞게 수정

중학교
MS · 기후

기후 탐정단

CSS 기후 그래프 보고 열대·건조·온대·냉대·한대 분류

[9지01-03] · 세계의 기후 지역
MS · 지도

아시아 지리왕

국가 이름 클릭 → 윤곽 지도 위치 매칭 (API 없이)

[9지01-01] · 아시아·지역지리
MS · 무역

자원을 찾아라!

자원·수출국·수입국 클릭 연결

[9지03-02] · 자원의 분포와 이동
MS · 문화

세계 문화 탐험대

문화 요소와 지역 카드 짝 맞추기

[9지04-01] · 세계의 문화 다양성
MS · 재해

재해 생존 지도

지형 조건 읽고 대피 경로 선택

[9지05-01] · 자연재해와 안전
고등학교
HS · 기후

2100 기후 판사

기후 변화 시나리오 판단 + 해설 팝업

[12세지03-02] · 기후 변화와 지속가능발전
HS · 도시

도시화 탐정 ★

국가 데이터 → 도시화 단계(초기·가속·포화) 분류

[12세지04-01] · 도시화와 세계 도시 체계
HS · 갈등

갈등 지도

갈등 지역 정보 → 가장 지리적인 원인 선택

[12세지06-02] · 지역 갈등
HS · 인구

인구 피라미드 대결

CSS 피라미드와 국가·특징 매칭

[12세지02-03] · 인구 변천
HS · 산업

공장은 어디로? ★

입지 요인 순위 클릭 → 산업 유형 비교

[12세지04-02] · 산업 입지

🏆 고등학교 수업 추천 TOP 3

1위도시화 탐정 — 버킷 분류가 구현 최단, S곡선 개념이 게임화되고 국가 데이터 조사가 곧 학습.
2위2100 기후 판사 — 수능 연계 단원, 시나리오→판단→해설 구조가 직관적.
3위공장은 어디로? — 교과서 입지 유형이 명확, 순위 클릭만으로 S5 완성 가능.
› 중학은 기후 탐정단·자원을 찾아라!가 구현 난이도 대비 학습 효과가 높습니다. 갈등 지도는 교사 사전 검토 필수.
05 / prompt-customize
05

교과서 단원에 맞게 프롬프트 수정하기

가이드.html의 S3(내용) 프롬프트 예시 데이터를 수업 단원·교과서에 맞게 바꿔 안내하세요.

게임별 수정 포인트

  • 기후 탐정단 — 예시 지역을 단원 핵심 기후형으로 교체 · 그래프는 CSS 막대만
  • 아시아 지리왕 — 국가 5~6개를 단원 범위로 제한 · 지도 버튼 좌표는 교사가 미리 점검
  • 자원을 찾아라! — 교과서 등장 무역·자원 사례로 교체
  • 도시화 탐정 — 도시화율·GDP 숫자를 교과서 연도 데이터로 통일
  • 갈등 지도 — "가장 지리적인 원인" 프레이밍 유지 · 민감 지역 해설 사전 검토
  • 인구 피라미드 대결 — 연령 비율을 교과서 그림과 맞추기 · D3 금지

공통 제약 (학생에게 반복 안내)

  • Leaflet·Google Maps 등 지도 API 금지 → 배경+절대위치 버튼
  • 세계은행·기상 API 등 실시간 데이터 금지 → 교과서 하드코딩
  • 외부 이미지 URL 최소화 → CSS·이모지·텍스트 카드 우선
  • 수업 전 교사가 추천 1종 풀런(S1~S6) 리허설
06 / checklist
06

준비물 체크리스트

// 교사

// 학생 (사전 안내)

! 최대 리스크 = 설치·와이파이. 수업 전날 Cursor 설치 여부 확인. 노트북 부족 시 2인 1조 관람+발표 역할.
07 / teacher-notes
07

교사 노트

▍1차시
도입: "오늘은 지리를 외우기보다 게임으로 직접 만든다" — 코딩 실력보다 기획·지리 내용이 중요.
S1 라이브: 규칙 파일 만드는 과정을 화면에 보여주며 전 팀이 따라오게. 여기서 막히면 뒤가 밀림.
주제 배정: 중학·고등 학년에 맞는 5종 중 선택. 혼합 학급이면 교사가 팀별로 게임 지정.
단원 연계: S3 전에 성취기준 한 줄 읽기 · 예시 데이터를 교과서로 바꾸라고 2분 브리핑.
성공 선언: S3 끝에 "화면에 지리 내용이 보이면 1차시 성공" — 부담 낮추기.
순회: 에러 메시지 복사 → "고쳐줘" 한 가지만 가르치면 대부분 해결.
▍2차시
S4 강조: "AI가 팀에게 물어본다" — 발표 때 디자인 선택 이유를 물어볼 포인트.
플레이: S5에서 한 번이라도 정답·점수가 동작하면 성공. 애니메이션·완성도는 보너스.
발표: "어떤 성취기준·지리 개념을 넣었나" · "왜 이렇게 디자인했나"를 묻기.
시간 부족: 발표 팀 수 줄이기 · S6 생략 가능 · S5 플레이만 되면 OK.
저장: Ctrl+S · USB·클라우드로 파일 회수 방법 안내(선택).
08 / emergency
08

긴급 대처표

상황대처
설치 안 됨
관리자 권한 차단
 팀당 1대라도 설치된 노트북으로 역할 돌려가며 조작. 미설치 팀은 관람+발표 담당. IT·핫스팟 협조.
노트북 부족 3~4인 팀 유지 · 1대 공유 · 조작·발표·지리검증 역할 분리.
와이파이 끊김 교사 핫스팟. 이미 만든 index.html은 오프라인으로 브라우저 실행 가능 — S5 이후는 로컬 테스트 가능.
응답 지연·멈춤 모델 Auto 안내. 에이전트 닫았다 다시 열기.
시간 부족 S3 = 1차시 성공 · S5 플레이 = 2차시 최소 성공. 발표 팀 수 조절.
갈등 지도 정답 논쟁 "가장 지리적인 원인"으로 프레이밍. 정답 하나 강요 금지 · 교사 참고 해설 제공.
지리 내용 오류 교과서로 팀이 수정. "완벽한 지도"보다 "팀이 검증한 내용"을 학습으로 연결.
팀 갈등 기획 담당 1분 결정권 · 완벽보다 플레이 가능 우선.
09 / class-files
09

수업 파일 맵

학생 · 팀
💻 가이드.html (팀 실습)
교사
📋 교사용.html (이 문서)
팀 작업 폴더
📁 우리팀게임/ (팀별 생성) 🌍 index.html (결과물)
› 수업 전 교사 PC에서 게임 유형 1개를 끝까지 만들어 두면, S1~S6 예상 결과를 학생에게 보여줄 수 있습니다.
지리 게임 제작 수업 · 교사용 수업안