어떤 올림이 나올지 몰라도 겁먹지 않아! — 두 자리 × 한 자리 곱셈 종합 유창성 훈련 웹앱
🌟 2022 개정 교육과정 초등학교 3학년 1학기 수학 연산 (곱셈) — 받아올림이 없는 곱셈부터 일의 자리만 올림, 십의 자리만 올림, 그리고 연속 올림까지 앞서 학습한 4개 올림 유형을 무작위로 섞어서 풀며 종합적인 곱셈 연산 유창성을 기르는 인터랙티브 웹앱입니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 올림 유형별 정답률 통계 카드 | [올림 없음: 100%] / [십의 자리 올림: 80%] / [일의 자리 올림: 40%] / [연속 올림: 20%]처럼 유형별 강점과 약점을 한눈에 보여주는 데이터 시각화 결과 화면을 제공합니다. | 아이가 어떤 종류의 받아올림에서 특히 헤매는지 자동 진단하고, 학부모·교사가 한눈에 파악할 수 있게 합니다. |
| 2칸/3칸 답안 칸 자동 전환 | 문제에 따라 곱이 두 자리면 2칸, 세 자리면 3칸으로 답안 칸이 자동으로 늘어나 학생이 자릿수 판단 능력까지 동시에 훈련합니다. | 올림 유형의 수는 상수로 내장되어 있어 연습 중 갑자기 곱 자릿수가 바뀌어도 자연스럽게 UI가 전환됩니다. |
| 취약 유형 집중 보충 연습 | 학습자가 가장 많이 틀린 특정 올림 유형의 문제만 5개 모아서 집중 훈련하는 맞춤 보충 세트를 즉시 제공합니다. | 전부 정답 시 화면 가득 축하 파티클과 함께 "3학년 1학기 곱셈 완전 정복! 🎉" 마스터 인증을 진행합니다. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
곱셈종합.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 3학년 1학기 > 수학 > 연산 > 곱셈 > 몇십 몇 × 몇 곱셈 (종합) 바이브 코딩 프롬프트
[유형 6] 몇십 몇 × 몇 곱셈(종합) 연습 웹앱을 만들어줘.
목적·대상: 초등학교 3학년 1학기 학생이 앞서 배운 모든 유형(올림 없음, 십의 자리 올림, 일의 자리 올림, 두 자리 모두 올림)의 두 자리 × 한 자리 곱셈을 무작위로 섞어 풀며 종합적인 곱셈 연산 유창성을 기르는 인터랙티브 웹앱.
기술 조건: [유형 1과 동일]
문제 생성:
- 피승수는 두 자리 수(12~99), 승수는 한 자리 수(2~9).
- 아래 4가지 올림 유형 중 무작위로 균등하게 섞어서 출제:
1) 올림 없음 (예: 23×3=69)
2) 십의 자리만 올림 (예: 41×3=123)
3) 일의 자리만 올림 (예: 24×3=72)
4) 십과 일의 자리 모두 올림 (예: 48×3=144)
- 직전 문제 반복 금지, generateProblem() 분리.
풀이 UI:
- 3열 Grid 규격. 문제에 따라 곱이 두 자리면 십·일 2칸, 곱이 세 자리면 백·십·일 3칸으로 자동 전환.
- 일의 자리부터 원샷 입력(재입력 불가).
- 정답 초록 채움, 오답 빨간 배경+shake+낮은 톤, 전부 정답 시 confetti+아르페지오, 2칸 이상 오답 시 힌트 제안.
상황 카드, 힌트 모드: [유형 1 동일, 해당 문제의 올림 유형에 맞는 맞춤 힌트 표시]
학습 기록, 진행: [유형 1 동일] 각 문제의 올림 유형(0~3)도 함께 기록하여 분석.
결과 화면 — 종합 오답 진단 및 취약 유형 분류:
- 요약 카드(맞힌 문제, 틀린 문제, 힌트, 정답률).
- **올림 유형별 정답률 통계 카드**: [올림 없음: 100%] / [십의 자리 올림: 80%] / [일의 자리 올림: 40%] / [연속 올림: 20%] 처럼 유형별 강점과 약점을 한눈에 보여줌.
- 가장 오답이 많은 특정 유형을 지목: "일의 자리에서 올려주는 곱셈에서 실수가 잦아요! 올림수를 십의 자리에 더하는 연습을 더 해보자!"
- 맞춤 보충 연습: 학습자가 **가장 많이 틀린 취약 올림 유형의 문제만 5개** 모아서 집중 훈련 시작.
- 다시 볼 문제들(계산 과정 보기), 전부 맞히면 화면 가득 축하 파티클 + "3학년 1학기 곱셈 완전 정복! 🎉" 칭찬.
스타일: [유형 1 동일]
완료 기준: 4개 올림 유형 균등 출제, 2칸/3칸 자동 전환 원샷 입력, 올림 유형별 취약점 분류 진단·취약 유형 집중 보충 연습 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 3학년 1학기 수학 곱셈 종합 연산 유창성 평가 [4수01-08]
- 올림 유형별 곱셈 오류 패턴 분류 진단 알고리즘
- 초등 수학 곱셈 연산 유창성(Computational Fluency) 형성 지도 전략
