합이 1을 넘으면 가분수! — 분모가 같은 진분수 덧셈 연습 웹앱
🍕 2022 개정 교육과정 초등학교 4학년 2학기 수학 연산 (분수의 덧셈과 뺄셈) — 분모가 같은 진분수의 덧셈에서 합이 가분수가 되는 문제(예: 3/4 + 2/4 = 5/4)를 풀며 답이 진분수를 넘어가는 경험을 익히는 인터랙티브 웹앱입니다. 합이 항상 가분수(분자가 분모 이상)인 문제만 출제됩니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 합이 항상 가분수 | 두 분자의 합이 항상 분모 이상(예: 3+2=5, 분모 4)으로 출제되어 답 분자가 2자리 동적 칸으로 표시됩니다. | 답 분자칸이 1~2칸으로 자동 전환되어 가분수의 분자를 자릿수별로 정확히 입력하는 훈련이 됩니다. |
| 진분수 덧셈과의 차이 체감 | 진분수 덧셈(합이 분모 미만)에서 확립한 "분자끼리 더하기" 원리가 그대로 적용되지만, 분모를 넘어가는 순간 가분수가 되어 "가분수도 분수다!"를 자연스럽게 학습합니다. | 힌트: "합이 분모보다 크면 가분수!" 조각 시각화로 분모 개수 조각이 모이면 1 덩이가 되는 원리 안내. |
| 대분수로 바꾸려는 착각 진단 | 학생이 가분수 답을 대분수로 바꾸려고 시도하는 오류를 정확히 감지하여 "이 단계에서는 가분수 그대로 답을 써요!"를 안내합니다. | 다음 단계(대분수의 덧셈)로 넘어가기 전의 완벽한 디딤돌이 됩니다. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
가분수덧셈.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 4학년 2학기 > 수학 > 연산 > 분수의 덧셈과 뺄셈 > 분모가 같은 진분수의 덧셈 (합이 가분수) 바이브 코딩 프롬프트
[유형 2] 분모가 같은 진분수의 덧셈(합이 가분수) 연습 웹앱을 만들어줘.
목적·대상: 4학년 2학기 학생이 분모가 같은 진분수 덧셈에서 합이 가분수가 되는 문제(예: 3/4 + 2/4 = 5/4)를 세로식으로 풀며 가분수 답을 다루는 연습 웹앱.
기술 조건: 단일 index.html. CDN: canvas-confetti + Jua, Web Audio 합성, 폴백.
문제 생성: 분모 d(3~9), 두 분자 합이 d 이상이고 2d 미만(가분수). 답 분자는 2자리가 될 수 있음(예: 8/4+7/4=15/4 → 분자칸 동적 1~2칸). 직전 반복 금지, generateProblem() 분리.
세로식 UI: 문제 분수 2개 + ＋ + ＝ + 답 분수(분자칸 1~2개 동적, 초록/가로선/분모칸 파랑). 상황 카드 포함.
입력 규격: 첫 커서 = 답 분모칸 → 분자칸(십→일). 클릭 선택, ⌫ 지우기(숫자판+Backspace, 풀이 중), 모든 칸 채우면 오답도 다음 문제 진행(전부 정답만 축하), 칸별 즉시 채점, 2칸 이상 오답 시 힌트 자동 제안. 음소거/음량.
힌트 모드: 조각 나란히 세기 — 분모 개수 조각이 모이면 한 덩이(1)가 되는 시각화 + "합이 분모보다 크면 가분수!" 안내.
학습 기록: firstAnswers/wrongAttempts/힌트 기록.
결과 화면: 요약(바로 맞힌/실수한/힌트/정답률) + 분석(분자·분모 뒤바꿈 / 덧셈 실수 / 분모 계산 시도 / 대분수로 바꿔 입력하려는 착각 진단 / 순간 실수) + 맞춤 보충(틀린 분모 위주 5문제) + 다시 볼 문제들 + 전부 정답 시 "다음 단계: 대분수의 덧셈 도전!" 추천 + 다시 연습 버튼.
스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 모바일 반응형.
완료 기준: 합이 항상 가분수(분자 합 ≥ 분모)인 문제만 출제, 분자 2자리 동적 칸, 확정 입력 규격(분모 우선·클릭·⌫·채우면 진행) 동작, 오답 분석·보충 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 4학년 2학기 수학 분모가 같은 진분수의 덧셈 (합이 가분수) [4수02-01]
- 초등 수학 가분수 개념 도입 전략과 오개념 진단 설계
