각 자리끼리 따로따로! — 두 자리 × 한 자리 곱셈(받아올림 없음) 완전 정복 웹앱
✏️ 2022 개정 교육과정 초등학교 3학년 1학기 수학 연산 (곱셈) — 두 자리 수 × 한 자리 수(예: 23 × 3 = 69)에서 받아올림이 전혀 없는 상태로 '일의 자리끼리 곱하기 ➔ 십의 자리끼리 곱하기'를 각 자릿수별로 따로따로 곱하는 원리를 체득하는 인터랙티브 웹앱입니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 받아올림 0곱 전용 설계 | 일의 자리 곱 ≤ 9, 십의 자리 곱 ≤ 9인 순수 무받아올림 문제만 출제하여 자릿수별 독립 곱셈 원리를 방해받지 않고 순수하게 체득합니다. | 곱셈구구에 익숙하지 않아 올림 없이 먼저 연습하고 싶은 학생에게 최적의 디딤돌이 됩니다. |
| 자릿수별 분리 곱셈 힌트 | 힌트를 누르면 "일의 자리: 3×3=9 ➔ 십의 자리: 2×3=6 ➔ 답은 69!"처럼 각 자릿수를 따로따로 곱하는 과정을 단계별로 보여줍니다. | '각 자릿수끼리 따로따로 곱하면 받아올림 없이 바로 답이 나와요!'라는 핵심 규칙을 몸으로 기억하게 합니다. |
| 구구단 실수 구별 진단 & 덧셈 착각 처방 | 오답이 발생한 특정 자릿수를 분석해 어떤 구구단에서 실수했는지 지목하고, 곱셈 기호를 보고도 두 수를 더했는지 감지합니다. | 결과 화면의 '맞춤 보충 연습' 버튼으로 취약했던 자릿수의 문제를 5개 집중 훈련하세요. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
곱셈올림없음.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 3학년 1학기 > 수학 > 연산 > 곱셈 > 몇십 몇 × 몇 곱셈 (올림 없음) 바이브 코딩 프롬프트
[유형 2] 몇십 몇 × 몇 곱셈(받아올림 없음) 연습 웹앱을 만들어줘.
목적·대상: 초등학교 3학년 1학기 학생이 두 자리 수 × 한 자리 수 곱셈(예: 23 × 3 = 69)을 받아올림 없이 세로식으로 직접 풀어보며 두 자리 수 곱셈의 자릿수 원리를 익히는 인터랙티브 웹앱.
기술 조건: [유형 1과 동일 — 단일 index.html, canvas-confetti + 구글 폰트 Jua CDN, Web Audio API 사운드 합성, 오프라인 폴백]
문제 생성:
- 피승수는 두 자리 수(21~89, 십의 자리 2~9, 일의 자리 1~9), 승수는 한 자리 수(2~9).
- 받아올림이 전혀 없도록 생성: 십의 자리 × 승수 <= 9, 일의 자리 × 승수 <= 9 (곱은 항상 세 자리 미만, 예: 23×3=69, 32×2=64).
- 바로 직전 문제와 같은 수 조합 금지. generateProblem() 함수 분리.
풀이 UI (세로식 + 네모 칸 입력): [유형 1과 동일한 CSS Grid 3열 규격]
- 1행 피승수(두 자리 수: 2열 십의 자리, 3열 일의 자리), 2행 승수(1열 × 기호, 3열 승수 한 자리 수직 정렬), 3행 가로선, 4행 답안 칸(일→십 순차 원샷 입력, 곱은 항상 두 자리).
- 원샷 입력(정/오 무관 즉시 다음 칸 이동, 재입력 불가), 오답 칸 빨간 배경 유지 + shake + 낮은 톤, 정답 칸 초록 채움 + 상승 "딩".
- 전부 정답 시 confetti+아르페지오, 2칸 이상 오답 시 힌트 제안, 음소거/음량 버튼.
상황 카드: [유형 1과 동일] 상황 문장 + 묶음 배지(예: 연필 23개씩 3묶음) 표시.
힌트 모드:
- 일의 자리 곱셈구구(3×3=9) → 십의 자리 곱셈구구(2×3=6) 순서로 단계 표시, "각 자릿수끼리 따로따로 곱하면 받아올림 없이 바로 답이 나와요!"
학습 기록, 진행: [유형 1과 동일] 자릿수별 기록 + 문제 수 선택(5/10/20) + 진행률 바.
결과 화면 — 오답 분석: [유형 1 프레임워크 동일]
- 특화 진단:
- 구구단 실수(특정 자릿수 오답) → "어떤 단 구구(예: 3단)에서 틀렸는지 지목 + 소리 내어 구구 외우기 처방".
- 곱셈 대신 덧셈 계산(입력 조합이 두 수의 합과 일치) → 연산 기호 확인 습관 처방.
- 자릿수 어긋남(일의 자리 값이 십의 자리 칸에 입력됨) → "일의 자리와 십의 자리를 따로따로 곱하는 것을 색으로 짚어가며 연습".
- 일회성 실수 → 검산 습관 처방.
- 맞춤 보충 연습(5문제), 다시 볼 문제들(계산 과정 보기), 전부 맞히면 축하 파티클 + "다음 단계: 십의 자리 올림 곱셈 도전!" 추천.
스타일: [유형 1과 동일]
완료 기준: 받아올림 없는 두 자리 × 한 자리 곱 생성 준수, 3열 자릿수 Grid 원샷 입력·오답 분석(구구단 지목)·보충 연습 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 3학년 1학기 수학 곱셈 단원 성취기준 [4수01-06]
- 두 자리 × 한 자리 곱셈 자릿수 분리 연산 원리
- 곱셈구구 실수 진단 및 구구단별 맞춤 보충 지도법
