남은 수를 정확히 골라내요! — 세 자리 ÷ 두 자리(나머지 있음) 연습 웹앱
🎯 2022 개정 교육과정 초등학교 4학년 1학기 수학 연산 (곱셈과 나눗셈) — 나머지가 있는 세 자리 수 ÷ 두 자리 수 나눗셈(예: 170 ÷ 26 = 6 ··· 14)을 세로식으로 직접 풀며, "나눔수 × 몫이 피제수에 가장 가까워지도록 몫을 어림하고, 남은 수가 나눔수보다 작은지 확인해 나머지로 적는" 정밀 나눗셈 판단력을 익히는 인터랙티브 웹앱입니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 나머지 자릿수 동적 칸 배치 | 나머지가 한 자리(1~9)면 1칸, 두 자리(10~48)면 십·일 2칸으로 자동 조정되어 나머지 크기에 맞는 칸에 입력합니다. | 몫 칸 뒤 ··· 점 표시로 몫과 나머지가 서로 다른 값임을 시각적으로 구분합니다. |
| 나머지 범위 검증 & 몫 연동 오류 진단 | 몫이 ±1 어긋나면 나머지가 나눔수 이상이 되어 버리는 연동 오류를 즉시 잡아내고, "나눔수×몫+나머지=피제수" 검산으로 확인합니다. | 나머지 0 착각(나머지를 0으로 입력)도 별도 진단하여 "남은 수가 있어요!" 처방이 나옵니다. |
| 최대 접근 어림 과정 시각화 | "26 × 6 = 156, 170 − 156 = 14! 몫은 6, 나머지는 14" — 나눔수×몫이 피제수를 넘지 않으면서 가장 가까워지는 과정이 단계별로 표시됩니다. | 클릭 선택 + ⌫ 삭제, 모든 칸 채우면 진행(오답도), 첫 시도 기준 오답 분석 — 원형 규격 유지. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
세자리나누기나머지.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 4학년 1학기 > 수학 > 연산 > 곱셈과 나눗셈 > 세 자리 수 ÷ 두 자리 수 (나머지 있음) 바이브 코딩 프롬프트
[유형 12] 세 자리 수 ÷ 두 자리 수(나머지 있음, 몫이 한 자리) 연습 웹앱을 만들어줘.
목적·대상: 초등학교 4학년 1학기 학생이 나머지가 있는 세 자리 ÷ 두 자리 나눗셈(예: 170 ÷ 26 = 6 ··· 14)을 세로식으로 풀어보는 인터랙티브 웹앱.
기술 조건: 유형 1과 동일.
문제 생성:
- 나눔수는 두 자리 수(11~49), 피제수는 세 자리 수(나눔수 × 몫 + 나머지, 몫 한 자리 2~9, 나머지 1~나눔수-1, 나머지는 한 자리 또는 두 자리).
- 직전 반복 금지, generateProblem() 분리.
풀이 UI (세로식 나눗셈):
- 몫 칸 1개 + 나머지 칸(몫 오른쪽 옆 ··· 표시, 나머지 자릿수에 맞춰 1~2칸 동적).
- 입력 순서: 몫 → 나머지(십의 자리부터).
- 클릭 선택 + ⌫ 삭제(풀이 중), 모든 칸 채우면 완료(오답도 진행, 전부 정답만 축하), 오답 누적 기록.
힌트 모드: "26 × 6 = 156, 170 − 156 = 14! 몫은 6, 나머지는 14" — 나눔수×몫 최대 접근 과정 시각화.
학습 기록: 몫/나머지 구분 기록.
진행/결과 화면: 유형 10과 동일 프레임워크(나머지 범위 진단, 검산 강조), 추천 문구 "다음 단계: 세 자리 수 ÷ 두 자리 수(몫이 두 자리) 도전!".
스타일: 유형 1과 동일.
완료 기준: 나머지 동적 칸 입력·나머지 범위 검증 진단·클릭 선택/삭제·보충 연습 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 4학년 1학기 수학 세 자리 수로 나누기(나머지 있음) [4수01-09]
- 세 자리 피제수의 최대 접근 어림 전략과 나머지 범위 규칙 시각화
- 초등 수학 몫-나머지 연동 오류 진단 알고리즘 설계
