올림이 두 번 연속으로! — 두 자리 × 한 자리 곱셈(연속 받아올림) 완전 정복 웹앱
🏔️ 2022 개정 교육과정 초등학교 3학년 1학기 수학 연산 (곱셈) — 일의 자리에서 십의 자리로 올림이 일어나고, 다시 십의 자리에서도 백의 자리로 올림이 일어나는 연속 받아올림 두 자리 × 한 자리 곱셈(예: 48 × 3 = 144)을 세로식으로 직접 풀어보며 연쇄 올림수를 단계별로 처리하는 능력을 기르는 인터랙티브 웹앱입니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 곱이 항상 세 자리 수 (3칸 입력) | 일의 자리 곱 ≥ 10 AND 십의 자리 곱 + 올림수 ≥ 10 조건을 유지하므로, 학생은 백·십·일 3칸을 모두 채우며 자릿값 확장을 체감합니다. | 세 자리 곱(예: 144)을 만들 때 일의 자리 ➔ 십의 자리 ➔ 백의 자리 순서대로 올림수가 어떻게 전달되는지 눈으로 직접 따라가 보세요. |
| 일의 자리 올림수 더하기 누락 정밀 진단 | 십의 자리 계산에서 일의 자리 올림수를 더하지 않고 그냥 구구단 곱만 쓰는(예: 4×3=12을 그대로 써 답을 124로 만드는) 초등학생이 가장 흔히 저지르는 실수를 정밀 감지합니다. | 결과 화면의 '맞춤 보충 연습' 버튼으로 연속 올림 문제만 5개 집중 훈련하세요. |
| 백의 자리 누락 진단 | 십의 자리 계산 결과(예: 14)에서 십의 자리에만 4를 쓰고 백의 자리 1을 빠뜨리는 자릿값 정렬 혼동을 진단합니다. | '맞춤 보충 연습' 후 다시 풀면 연쇄 올림이 몸으로 기억됩니다. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
연속올림곱셈.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 3학년 1학기 > 수학 > 연산 > 곱셈 > 몇십 몇 × 몇 곱셈 (십, 일의 자리 올림 있음) 바이브 코딩 프롬프트
[유형 5] 몇십 몇 × 몇 곱셈(십, 일의 자리 모두 올림) 연습 웹앱을 만들어줘.
목적·대상: 초등학교 3학년 1학기 학생이 일의 자리에서 십의 자리로 올림이 일어나고, 십의 자리에서도 백의 자리로 올림이 일어나는 연속 받아올림 곱셈(예: 48 × 3 = 144, 76 × 4 = 304)을 세로식으로 직접 풀어보는 인터랙티브 웹앱.
기술 조건: [유형 1과 동일]
문제 생성:
- 피승수는 두 자리 수, 승수는 한 자리 수(2~9).
- 조건: 일의 자리 × 승수 >= 10 (일의 자리 올림 발생) AND (십의 자리 × 승수 + 올림수) >= 10 (십의 자리에서도 백의 자리로 올림 발생). 곱은 항상 세 자리 수(100~891).
- 직전 문제 반복 금지, generateProblem() 분리.
풀이 UI:
- 3열 Grid 규격, 곱이 세 자리이므로 1열(백의 자리), 2열(십의 자리), 3열(일의 자리) 모두 활성화.
- 십의 자리 위에 일의 자리 올림수 보조 표시.
- 입력 순서: 일의 자리(3열) → 십의 자리(2열) → 백의 자리(1열) 순차 원샷 입력.
- 정답 초록 채움, 오답 빨간 배경+shake+낮은 톤(오답 유지), 전부 정답 시 confetti+아르페지오, 2칸 이상 오답 시 힌트 제안.
상황 카드, 힌트 모드:
- 힌트: "1단계 일의 자리: 8×3=24 → 4 쓰고 2 올림" → "2단계 십의 자리: 4×3=12, 여기에 올림수 2를 더하면 14! → 4는 십의 자리에, 1은 백의 자리에" → "정답 144!" 연속 단계 애니메이션.
학습 기록, 진행: [유형 1 동일]
결과 화면 — 오답 분석:
- 특화 진단:
- **일의 자리 올림수 더하기 누락**: 십의 자리 계산 시 올림수를 더하지 않음(예: 4×3=12로 계산해 답을 124로 씀).
- **백의 자리 누락/착각**: 십의 자리 계산(14)에서 십의 자리에만 쓰고 백의 자리를 빠뜨리거나 자릿값 정렬 오류.
- 구구단 오답 / 연쇄 올림 처리 혼동 분석.
- 맞춤 보충 연습(5문제), 다시 볼 문제들, 전부 맞히면 축하 + "다음 단계: 곱셈 종합 도전!" 추천.
스타일: [유형 1 동일]
완료 기준: 일·십의 자리 모두 올림 발생 조건 준수, 3단계 원샷 입력·연쇄 올림 누락 진단·보충 연습 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 3학년 1학기 수학 곱셈 연속 받아올림 단원 [4수01-08]
- 초등 수학 연쇄 올림수(Chained Carry) 처리 전략 및 시각화 지도법
- 백의 자리 자릿값 확장 인지 모델
