﻿실습 녹화기 학생용 실습 — 학급 누리집 회원가입 연습
==========================================

이 ZIP은 학생용 실습 웹사이트 전체입니다. 로그인·서버 없이 동작하고,
학생이 누르고 입력한 내용은 학생 기기에서만 처리되며 어디에도 저장·전송되지 않습니다.
원본 캡처는 들어 있지 않고, 가림이 적용된 이미지만 들어 있습니다.

※ ZIP이나 index.html을 더블클릭하면 동작하지 않습니다. 반드시 웹 주소로 여세요.

[1] 학생에게 나눠 주기 — Cloudflare (무료, 추천)
  1. https://dash.cloudflare.com 가입·로그인 (신용카드 불필요)
  2. 계정 홈 화면 가운데 "Ship something new" 칸 ("Drop a folder, or a zip")에
     이 ZIP 파일을 그대로 끌어다 놓고, 안내에 따라 배포(Deploy)합니다.
  3. 배포가 끝나면 https://무작위이름.내계정.workers.dev 같은 주소가 생깁니다.
     그 주소를 그대로 학생에게 주세요. 첫 화면이 실습으로 자동 이동합니다.
     (참고: 실습 페이지 위치는 주소 뒤 /play/project-7c641fd0/ 이지만, 학생에게는 기본 주소만 주면 됩니다)
  - QR 코드: 크롬에서 주소를 연 뒤 주소창 오른쪽 공유 아이콘 → QR 코드 만들기
  - 고쳤을 때: 에디터에서 다시 ZIP 내보내기 → 같은 칸에 새 ZIP 올리기 → 새 주소 안내
  - 올린 사이트 목록·삭제: Cloudflare 왼쪽 메뉴 "컴퓨트"
  - 화면이 바뀌었으면 계정 홈에서 "Drop a folder, or a zip" 또는 "Create app"을 찾으세요.

[2] 수업 모드 (주소 끝에 붙이면 바로 시작)
  ?mode=guide       안내 모드 — 누를 곳이 반짝이고 설명이 옆에 나옴
  ?mode=practice    연습 모드 — 2번 틀리면 힌트, 3번 틀리면 위치 공개
  ?mode=assessment  평가 모드 — 힌트 없음

[3] 수업 전날 확인
  - 시크릿 창으로 처음부터 끝까지 해 보기
  - 학생이 쓸 실제 기기와 학교 와이파이에서 열어 보기

[4] 인터넷에 올리지 않고 내 PC에서만 확인
  1. 이 ZIP 압축 풀기
  2. 압축 푼 폴더에서 터미널 열기 (Mac: 폴더 우클릭 → 폴더에서 새로운 터미널 열기 / Windows: 폴더 주소창에 cmd)
  3. python3 -m http.server 8080   (Windows는 python -m http.server 8080, Python 설치 필요)
  4. 브라우저에서 http://localhost:8080 열기 (끝낼 때 Ctrl+C)

[주의]
  - Cloudflare 주소(workers.dev 등)는 링크만 알면 누구나 볼 수 있는 공개 사이트입니다. 가상 자료만 올리세요.
  - 실습 입력칸에 실제 이름·비밀번호를 넣지 말라고 학생에게 안내하세요.
  - 내리려면: Cloudflare 왼쪽 메뉴 "컴퓨트"에서 해당 사이트를 열어 삭제
