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