구구단만 알면 나눗셈은 끝! — 곱셈구구 내에서의 나눗셈 종합 계산 연습 웹앱
⚡ 2022 개정 교육과정 초등학교 3학년 1학기 수학 연산 (나눗셈) — 종이 학습지의 A/B 무한 반복 세트를 완전히 대체하는 스마트 연산 교구입니다. 2~9단 곱셈구구를 활용하여 한 자리 및 두 자리 수를 한 자리 수로 나누는 계산(예: 45 ÷ 5 = 9, 72 ÷ 8 = 9)을 세로식으로 빠르고 정확하게 숙달하고, 학생이 가장 취약한 특정 구구단을 정밀 타격하여 보충 처방합니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 무한 무작위 출제로 학습지 인쇄 0원 | 종이 문제지 수십 장을 인쇄할 필요 없이, 2~9단 범위의 피제수와 나눔수를 무한 무작위로 생성하여 질리지 않고 반복 훈련합니다. | 아침 자율 시간이나 수학 시간 마무리 5분 미니 챌린지로 활용해 보세요. |
| 취약 구구단 정밀 지목 & 맞춤 처방 | 학생이 오답을 낸 문제들의 나눔수를 자동 통계 내어 "특히 7단과 8단 나눗셈에서 실수가 잦았어요!"처럼 약한 구구단을 정확히 짚어냅니다. | 결과 화면의 '맞춤 보충 연습'을 누르면 틀린 특정 단의 문제만 5개 집중 출제됩니다. |
| 구구단 전체 슬라이드 힌트 | 힌트를 누르면 해당 나눔수의 구구단 전체가 슬라이드로 펼쳐지고, 피제수가 나오는 식이 크게 확대되며 "8 × 9 = 72 이므로 몫은 9!"를 직관적으로 확인합니다. | 구구단을 외우지 못해 멈칫거리는 기초학력 부진 학생에게 든든한 디딤돌을 제공합니다. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수(5/10/20) 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
구구단나눗셈.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 3학년 1학기 > 수학 > 연산 > 나눗셈 > 곱셈구구 내에서의 나눗셈 바이브 코딩 프롬프트
[유형 4] 곱셈구구 내에서의 나눗셈 종합 계산 연습 웹앱을 만들어줘. (학습지의 A/B 반복 세트는 앱의 무한 무작위 문제 생성으로 완전 대체)
목적·대상:
초등학교 3학년 1학기 학생이 2~9단 곱셈구구를 완벽히 활용하여 한 자리 또는 두 자리 수를 한 자리 수로 나누는 계산(예: 45 ÷ 5 = 9, 72 ÷ 8 = 9, 27 ÷ 3 = 9 등)을 세로식으로 빠르고 정확하게 숙달하는 인터랙티브 웹앱.
기술 조건:
- HTML+CSS+JavaScript 단일 index.html 파일.
- CDN: canvas-confetti, 구글 폰트 Jua. Web Audio API 자체 사운드 합성. 오프라인 폴백 처리.
문제 생성:
- 나눔수 b(2~9)와 몫 q(2~9)를 무작위 선택, 피제수 T = b × q (4~81) 생성.
- 두 자리 피제수 중심 출제, 한 자리 피제수도 자연스럽게 포함.
- 직전 문제 반복 출제 방지, generateProblem() 함수 분리.
풀이 UI (CSS Grid 4열 정렬 세로식):
- 1열(나누는 수 44px) / 2열(')' 24px) / 3열(피제수 십의 자리 84px) / 4열(피제수 일의 자리 84px).
- 몫 네모 칸(84px, 초록 테두리)은 피제수의 **일의 자리 열(4열) 바로 위에 정확히 정렬**.
- 피제수가 1자리인 경우 3열은 공백 유지.
- 원샷 입력: 몫 1회 입력 시 즉시 채점 (지우기/재입력 불가).
* 정답: 초록 채움 + "딩" + confetti + 아르페지오.
* 오답: 빨간 채움 + shake + 낮은 톤(오답 숫자 유지).
- 2문제 연속 오답 시 힌트 버튼 펄스. 음소거/음량 조절.
힌트 모드:
- "힌트" 버튼: 해당 나눔수 단의 곱셈구구 전체를 슬라이드 애니메이션으로 펼쳐 보여주고, 피제수가 나오는 식을 크게 확대 강조(예: "8단 구구: 8 × 9 = 72! 따라서 72 ÷ 8 = 9!").
학습 기록 및 진행:
- 입력값, 정오, 힌트 기록. 문제 수 선택(5/10/20), 진행률 바.
결과 화면 — 오답 분석:
- 요약 카드: 맞힌/틀린/힌트/정답률.
- 분석 진단:
* 몫 ±1 착각: "곱셈구구를 한 칸 앞이나 뒤로 착각했어요!"
* **취약 구구단 정밀 지목**: 학생이 오답을 낸 문제들의 나눔수를 통계 내어 "특히 7단과 8단 나눗셈에서 실수가 잦았어요. 7단, 8단 곱셈구구를 집중 복습해봐요!"와 같이 정확한 단을 짚어줌.
* 나눔수를 답에 쓴 혼동 / 일회성 실수 분석.
- 맞춤 보충 연습: **학생이 가장 많이 틀린 단(구구단) 위주로 5문제를 집중 출제**하는 맞춤 보충 연습 제공.
- 오답 다시 보기, 만점 축하 파티클.
스타일:
- 밝고 따뜻한 테마, 84px 네모 칸, 여백 절제, 모바일 반응형.
완료 기준:
- 2~9단 곱셈구구 범위 나눗셈 무작위 생성; 4열 Grid 일의 자리 수직 정렬; 취약 단 지목 오답 분석 및 해당 단 집중 보충 연습 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 3학년 1학기 수학 곱셈구구 활용 나눗셈 [4수01-09]
- 초등 수학 연산 결손 진단 및 구구단 취약 단 보충 지도법
- 웹 기반 수학 드릴(Drill) 앱의 무작위 문제 생성 아키텍처
