나누고 남은 10을 일의 자리로 내려요! — 몇십 몇 ÷ 몇(내림 있음·나머지 없음) 웹앱
⬇️ 2022 개정 교육과정 초등학교 3학년 2학기 수학 연산 (나눗셈) — 십의 자리 계산에서 나머지가 생겨 남은 십을 일의 자리로 내려 다시 나누는 내림(borrowing)이 있고 최종 나머지는 없는 나눗셈(예: 84 ÷ 7 = 12)을 세로식으로 직접 풀어보며 내림의 원리를 익히는 인터랙티브 웹앱입니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 십의 자리 내림 개념 체감 | 84÷7에서 8÷7=1을 계산하고 남은 1(10)에 일의 자리 4를 합쳐 14를 만든 뒤 14÷7=2를 계산하는 내림 과정을 시각적으로 경험합니다. | 남은 수를 내려 다시 나누는 중간 과정을 힌트 애니메이션으로 단계별 확인합니다. |
| 최종 나머지는 0 (깔끔한 나누어떨어짐) | 내림은 발생하지만 최종 계산에서는 딱 나누어떨어지므로, 나머지 칸 부담 없이 내림 과정 자체에만 학생이 집중할 수 있습니다. | 몫칸 2개(십➔일) 원샷 입력으로 내림 원리를 명쾌하게 숙달합니다. |
| 내림 과정 누락 특화 진단 | 십의 자리에서 남은 수를 잊어버리고 일의 자리를 그냥 나누려는 흔한 오류를 정확히 감지하여 맞춤 처방합니다. | "십의 자리에서 남은 수를 일의 자리 앞에 내려 적어요" 해결 방법을 제시합니다. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
내림나눗셈.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 3학년 2학기 > 수학 > 연산 > 나눗셈 > 몇십 몇 ÷ 몇 (내림이 있으나 나머지가 없음) 바이브 코딩 프롬프트
[유형 3] 몇십 몇 ÷ 몇(내림 있음·나머지 없음) 연습 웹앱을 만들어줘.
목적·대상: 초등학교 3학년 2학기 학생이 내림(borrowing)이 있고 나머지는 없는 몫이 두 자리 수인 나눗셈(예: 84 ÷ 7 = 12)을 세로식으로 직접 풀어보며 "나누고 남은 것을 다음 자리로 내려 보내는" 내림 원리를 익히는 인터랙티브 웹앱.
기술 조건: HTML+CSS+JavaScript를 전부 포함한 단일 index.html 파일. CDN: canvas-confetti, 구글 폰트 Jua. 소리는 Web Audio API로 직접 생성. CDN 폴백 처리.
문제 생성:
- 피제수는 두 자리 수(10~99), 나눔수는 한 자리 수(2~9).
- 내림 있음 제약: 피제수의 십의 자리 숫자가 나눔수보다 크거나 같으면서 나누어떨어지지 않아 십의 자리 계산에서 나머지가 생기고(십d ÷ 나눔수 = 몫1 ··· 남은 수), 남은 수에 일의 자리를 내려 만든 수가 나눔수로 나누어떨어져야 함. 최종 나머지 0. 몫은 두 자리 수(예: 84÷7=12, 96÷8=12, 72÷6=12, 92÷4=23).
- 직전 문제 반복 금지, generateProblem() 함수 분리, 보충 연습은 틀린 나눔수 위주 출제.
상황 카드: 상황 문장과 아이콘 표시.
풀이 UI (세로식 나눗셈 + 네모 칸 입력):
- 세로식 나눗셈 CSS Grid 4열 규격(나눔수 44px / ) 24px / 십 84px / 일 84px, 가로선 2열~4열).
- 몫칸 2개: 십의 자리 칸(3열 위), 일의 자리 칸(4열 위) 수직 정렬. 나머지 없음이므로 나머지 칸은 없음.
- 내림 과정 시각화(선택): 힌트에서 십의 자리 계산 후 남은 수에 일의 자리를 내려 다시 나누는 과정을 애니메이션으로 표시(피제수 아래 중간 계산 행).
- 입력 순서: 몫의 십의 자리 → 몫의 일의 자리. 원샷 입력(재입력 불가, 즉시 다음 칸).
- 반응: 칸별 정답 초록+"딩", 오답 빨간 배경+shake(오답 유지). 전부 정답일 때만 confetti+아르페지오. 2칸 이상 오답 시 힌트 제안. 음소거/음량 버튼.
힌트 모드: 내림 과정 단계별 표시. (예: 84÷7 → 십의 자리: 8÷7=1, 1이 남아요! 남은 1에 일의 자리 4를 내려 14! 14÷7=2 → 몫 12!)
학습 기록: 자릿수별 입력과 힌트 사용 여부 기록.
진행: 문제 수 선택(5/10/20), 진행률 바.
결과 화면 — 오답 분석:
- 요약 카드. 분석:
· 내림 과정 누락(십의 자리를 나누어떨어지는 값으로 잘못 입력) → "십의 자리에서 남은 수를 잊었어요" → 남은 수에 일의 자리를 내리는 연습.
· 내림 후 몫의 십의 자리 착각(입력 = 정답 십의 자리 ±1) → "남은 수를 다시 나눌 때 한 칸 차이를 골랐어요" → 남은 수+일의 자리 만들기 연습.
· 특정 나눔수 취약 → 해당 단 구구 연습 / 자릿수 어긋남 → 자릿값 짚어 읽기 / 일회성 실수 → 검산 습관.
- 맞춤 보충 연습(5문제), 오답 문제 목록, 전부 정답 시 축하 파티클 + "다음 단계: 나머지가 있는 나눗셈 도전!" 추천, "다시 연습" 버튼.
스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 스마트폰 세로 반응형.
완료 기준: 내림 있음·나머지 없음 생성 규칙(십의 자리에서 나머지 발생, 최종 나머지 0) 준수, 몫칸 2개 원샷 입력·힌트 내림 애니메이션·오답 분석·보충 연습 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 3학년 2학기 수학 나눗셈(내림이 있는 나눗셈) 단원 [4수01-09]
- 십진 위치값 체계에서 나눗셈 내림(Borrowing)의 수학적 원리와 오류 교정법
