받아올림이 있을까 없을까? 상황 판단력 UP! — 세 자리 수 덧셈 종합 (받아올림 섞임) 연산 웹앱
🧮 2022 개정교육과정 초등학교 3학년 1학기 수학 '덧셈과 뺄셈' 단원 — 받아올림(carrying)이 0회, 1회, 2회, 3회(합이 네 자리가 되는 경우) 일어나는 세 자리 수 덧셈 문제들을 무작위로 섞어 출제하는 종합 연산 웹앱입니다. 기계적으로 받아올림을 적용하던 습관을 깨고, 문제를 보자마자 "이 문제는 받아올림이 필요한가?"를 먼저 생각하는 상황 판단력과 메타인지를 극대화합니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 받아올림 0~3회 무작위 혼합 | 받아올림 없는 문제부터 합이 1000이 넘는 네 자리 문제까지 골고루 섞여 나와 고정관념 없는 유연한 연산력을 평가합니다. | 합의 자릿수에 따라 답안 칸이 3칸 또는 4칸으로 동적 반응. |
| 받아올림 유형별 취약점 지목 | 오답 데이터를 분석하여 "받아올림 2번 문제에서 주로 틀려요!"처럼 아이의 취약 유형을 핀셋 지목합니다. | 결과 화면에서 특정 받아올림 회차 보충 문제 세트 자동 생성. |
| 동적 힌트 & 원샷 입력 | 문제마다 받아올림 발생 횟수에 맞추어 일 ➔ 십 ➔ 백 (➔ 천) 단계별 애니메이션 힌트가 유연하게 변경됩니다. | 원샷 입력으로 찍기 차단, 오답 시 숫자 유지로 깊이 있는 오답 점검 지원. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 혼합 비율과 기본 문제 수에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
세자리수_덧셈_종합.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
[역할 정의]
너는 초등학교 수학 교육과정 및 인터랙티브 웹앱 전문 프런트엔드 개발자야.
초등학교 3학년 1학기 학생들이 받아올림 0~3회가 섞여 있는 세 자리 수 덧셈 종합 문제를 세로식으로 풀어보는 단일 HTML 웹앱을 만들어줘.
[목적 및 대상]
- 대상: 초등학교 3학년 1학기 학생
- 연산 유형: 세 자리 수 덧셈 종합 (받아올림 0회, 1회, 2회, 3회 무작위 혼합, 합은 세 자리 또는 네 자리)
[기술 조건 및 안전장치]
1. 단일 index.html 파일 완결성: 외부 서버, DB 없이 브라우저에서 단일 파일로 100% 동작한다.
2. 무설치 Web Audio API: 외부 음원 없이 내장 발진기로 정답 딩 소리와 오답 부드러운 저음을 직접 합성한다.
3. 오프라인 폴백: CDN 미로드 시에도 시스템 폰트와 CSS 애니메이션으로 완벽 구동된다.
4. 학생 개인정보 0: 학생 실명 없이 세션 메모리로만 연산 기록을 처리한다.
[문제 생성 알고리즘]
- generateProblem() 함수로 분리: 두 수 모두 100~999 세 자리 수.
- 받아올림 0회(무받아올림), 1회, 2회, 3회(합 1000 이상 네 자리 수) 중 무작위로 골고루 생성.
- 직전 문제와 동일한 수 조합 배제.
[풀이 UI 및 세로식 덧셈 인터랙션]
- 합의 자릿수에 맞추어 답안 칸이 3칸 또는 4칸으로 동적 렌더링.
- 피가산수 윗줄에 받아올림 보조 칸(□) 제공.
- 일의 자리부터 입력. 원샷 입력: 한 번 입력 시 정/오 무관 즉시 다음 칸으로 이동(재입력 불가).
- 정답 초록 채움+"딩", 오답 빨간 배경+shake(오답 숫자 유지). 전원 정답 시 confetti 축하 파티클.
- 힌트 모드: 각 문제의 받아올림 횟수에 맞추어 일 ➔ 십 ➔ 백 (➔ 천) 단계별 애니메이션 동적 제공.
[결과 화면 및 오답 분석]
- 요약 카드: 맞힌 문제, 틀린 문제, 힌트 사용 횟수.
- 취약 유형 핀셋 분석(핵심): 오답이 발생한 문제들의 받아올림 횟수를 분류하여 "받아올림 2번 문제에서 자주 틀려요! 해당 유형을 다시 연습해 보세요" 맞춤 안내.
- "맞춤 보충 연습(5문제)" 및 오답 복습 제공.
[❓ 역질문 유도]
코드를 즉시 작성하지 말고, 아래 3가지 질문을 먼저 나에게 던져줘:
1. 기본 문제 수는 5문제, 10문제, 20문제 중 어떤 것을 기본값으로 할까요?
2. 받아올림 3회(합이 네 자리가 되는 문제)의 출제 비중을 특별히 조절할까요?
3. 전체 완료 시 결과 카드에 덧셈 마스터 뱃지를 표시할까요?📚 기술·교육 참고 링크
- 2022 개정 초등학교 수학과 교육과정: 덧셈의 상황 판단력과 연산 유창성 종합 평가
- Web Audio API 무설치 사운드 합성 표준 명세서
