내가 어느 곱셈 유형에서 약할까? — 곱셈 종합 진단 & 집중 보충 웹앱
🎲 2022 개정 교육과정 초등학교 4학년 1학기 수학 연산 (곱셈과 나눗셈) — 두 자리×몇백/몇천, 몇백·몇천의 곱, 세 자리×두 자리, 네 자리×두 자리의 4대 하위 유형을 무작위로 섞어 출제하고, 첫 시도 기록을 통계 내어 "어느 유형에서 약한지"를 직접 지목해 취약 유형만 모은 맞춤 보충 연습을 제공하는 종합 진단 웹앱입니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 하위 유형 자동 감지 & 세로식 전환 | 출제된 문제의 하위 유형을 자동 판별하여 단일 곱 세로식(5~6열) 또는 두 단계 부분곱 세로식이 자동으로 전환됩니다. | 상단 배지에 "세 자리 × 두 자리" 같은 유형 이름이 표시되어 지금 풀고 있는 유형을 항상 인지합니다. |
| 유형별 오답 통계 & 취약점 지목 | 모든 문제의 기록에 하위 유형 정보가 함께 저장되어, 결과 화면에서 "세 자리 × 두 자리 문제에서 실수가 많아요!"처럼 구체적 유형을 짚어줍니다. | 맞춤 보충 연습은 실수가 몰린 하위 유형 위주로만 5문제가 출제됩니다. |
| 혼합 출제로 상황 판단력 훈련 | "지금 이 문제는 몇 자리 × 몇 자리인가"를 스스로 판단해야 하므로, 계산 능력뿐 아니라 문제 유형 판별 능력이 함께 자랍니다. | 클릭 선택 + ⌫ 삭제, 모든 칸 채우면 진행(오답도), 전부 정답만 축하 — 기존 원형 규격을 그대로 유지합니다. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
곱셈종합.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 4학년 1학기 > 수학 > 연산 > 곱셈과 나눗셈 > 곱셈 종합 바이브 코딩 프롬프트
[유형 6] 곱셈 종합 연습 웹앱을 만들어줘.
목적·대상: 초등학교 4학년 1학기 학생이 지금까지 배운 곱셈 유형(두 자리×몇백/몇천, 몇백·몇천의 곱, 세 자리×두 자리, 네 자리×두 자리)을 무작위로 풀며 종합하는 인터랙티브 웹앱.
기술 조건: 단일 index.html, canvas-confetti + Jua CDN, Web Audio API, 폴백.
문제 생성:
- 아래 4가지 하위 유형 중 무작위로 출제(균등 분배): ① 두 자리 수 × 몇백/몇천 ② 몇백·몇천의 곱 ③ 세 자리 수 × 두 자리 수 ④ 네 자리 수 × 두 자리 수.
- 각 하위 유형의 문제 생성 제약(곱 자릿수 제한 등)을 그대로 적용.
- 직전 반복 금지, generateProblem()이 하위 유형별 생성기를 호출하도록 분리.
풀이 UI:
- 하위 유형에 맞는 세로식 자동 표시: ①②는 단일 곱 세로식(5~6열), ③④는 두 단계 부분곱 세로식.
- 상단 배지에 이번 문제의 유형 이름 표시(예: "세 자리 × 두 자리").
- 클릭 선택 + ⌫ 삭제(풀이 중), 모든 칸 채우면 완료(오답도 진행, 전부 정답만 축하), 오답 누적 기록에 하위 유형 정보 포함.
힌트 모드: 하위 유형별 힌트(유형 1~4의 힌트 재사용).
학습 기록/진행: 유형 정보 포함 기록, 5/10/20 선택.
결과 화면 — 오답 분석:
- 요약: 바로 맞힌/실수한 문제/힌트/정답률.
- 오답 분석: 어떤 하위 유형에서 실수가 몰리는지 지목 (예: "세 자리 × 두 자리 문제에서 실수가 많아요") + 하위 유형별 오답 원인(0 개수·당김·합산 등) 진단.
- 맞춤 보충 연습(5문제): 실수가 몰린 하위 유형 위주로만 출제.
- 오답 문제 목록, 전부 정답 시 축하 + "나눗셈 단원으로 넘어가요!" 추천.
스타일: 유형 1과 동일.
완료 기준: 하위 유형 무작위 출제·자동 세로식 전환·유형별 오답 통계·취약 유형 집중 보충 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 4학년 1학기 수학 곱셈 단원 종합 [4수01-08]
- 하위 유형별 취약점 진단 및 맞춤 출제 알고리즘 설계
- 문제 유형 자동 판별 UI 패턴 (배지 표시 & 세로식 동적 전환)
