나머지는 나눔수보다 작아야 해요! — 몇십으로 나누기(나머지 있음) 연습 웹앱
🧮 2022 개정 교육과정 초등학교 4학년 1학기 수학 연산 (곱셈과 나눗셈) — 몇십으로 나누어 나머지가 남는 나눗셈(예: 230 ÷ 30 = 7 ··· 20)을 세로식으로 직접 풀며, 몫은 구구로 찾고 나머지는 두 자리(몇십)로 남는다는 나눗셈의 확장 원리를 익히는 인터랙티브 웹앱입니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 나머지 두 자리 입력 & 범위 검증 | 나머지가 몇십(두 자리)이므로 나머지 칸이 십·일 두 칸으로 구성되어 있으며, "나머지는 반드시 나눔수보다 작아야 한다"는 범위 규칙이 자동 검증됩니다. | 몫을 잘못 찾으면 나머지가 나눔수 이상이 되어 버리는 연동 오류를 즉시 잡아냅니다. |
| 몫↔나머지 역할 구분 진단 | 몫과 나머지를 자리 바꿔 입력하는 오류가 감지되면 "몫은 한 바구니에 들어가는 개수, 나머지는 남는 개수"로 역할을 구분하는 연습이 처방됩니다. | ··· 점 세 개 표기의 의미("나머지는 이 다음에 있어요")도 함께 익힙니다. |
| 0 떼기 전략 + 검산 흐름 | "0을 떼고 생각해요: 23 ÷ 3 = 7 ··· 2 → 나머지는 2십 = 20"의 과정이 시각화되어, 몫 구하기에서 0 떼기 원리와 나머지 복원(×10)을 동시에 학습합니다. | 클릭 선택 + ⌫ 삭제, 모든 칸 채우면 진행(오답도), 첫 시도 기준 오답 분석 — 원형 규격 유지. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
몇십나누기나머지.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 4학년 1학기 > 수학 > 연산 > 곱셈과 나눗셈 > 몇십으로 나누기 (나머지 있음) 바이브 코딩 프롬프트
[유형 8] 몇십으로 나누기(나머지 있음) 연습 웹앱을 만들어줘.
목적·대상: 초등학교 4학년 1학기 학생이 몇십으로 나누어 나머지가 남는 나눗셈(예: 230 ÷ 30 = 7 ··· 20)을 세로식으로 풀어보는 인터랙티브 웹앱.
기술 조건: 단일 index.html, CDN, Web Audio API, 폴백.
문제 생성:
- 나눔수는 몇십(20~90), 피제수는 몇백몇십(110~890, 10의 배수), 나눔수 × 몫 < 피제수 < 나눔수 × (몫+1)이 되도록 생성 — 몫 한 자리(2~9), 나머지는 몇십(10~80).
- 직전 반복 금지, generateProblem() 분리.
풀이 UI (세로식 나눗셈):
- 나눔수/기호/피제수 배치는 유형 7과 동일. 몫 칸 1개(피제수 일의 자리 열 위).
- 나머지 칸: 몫 칸 오른쪽 옆 별도 칸 — 몫 뒤에 ··· 점 표시 + 나머지 입력 칸(나머지는 두 자리(몇십)이므로 십·일 두 칸으로 구성).
- 입력 순서: 몫 → 나머지 십의 자리 → 나머지 일의 자리.
- 클릭 선택 + ⌫ 삭제(풀이 중), 모든 칸 채우면 완료(오답도 진행, 전부 정답만 축하), 오답 누적 기록.
힌트 모드: "0을 떼고 생각해요: 23 ÷ 3 = 7 ··· 2! 그래서 몫은 7, 나머지는 2십 = 20" 시각화.
학습 기록: 몫/나머지 구분 기록.
진행: 5/10/20 선택, 진행률 바.
결과 화면 — 오답 분석:
- 요약: 바로 맞힌/실수한 문제/힌트/정답률.
- 오답 분석(이유+해결 방법): ① 몫 착각 시 나머지 연동 오류(몫±1 → 나머지가 나눔수 이상이 됨) → "나머지는 나눔수보다 작아야 해요! 검산: 나눔수×몫+나머지=피제수" ② 몫과 나머지 뒤바꿈 → 역할 구분 연습 ③ 0 떼기 착각 → 0 떼기 원리 복습 ④ 순간 실수 → 검산.
- 맞춤 보충 연습(5문제), 오답 문제 목록, 전부 정답 시 축하 + "다음 단계: 두 자리 수 ÷ 두 자리 수 도전!" 추천.
스타일: 유형 1과 동일.
완료 기준: 나머지(몇십) 생성·나머지 칸 두 자리 입력·나머지 범위 검증 진단·클릭 선택/삭제·보충 연습 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 4학년 1학기 수학 나머지가 있는 나눗셈 [4수01-09]
- 나머지 범위 규칙(나눔수 미만) 검증 및 몫-나머지 연동 오류 진단 설계
- 0 떼기 전략의 나머지 복원(×10) 원리 시각화 모델
