분자끼리 빼고 분모는 그대로! — 진분수의 뺄셈 연습 웹앱
🍕 2022 개정 교육과정 초등학교 4학년 2학기 수학 연산 (분수의 덧셈과 뺄셈) — 분모가 같은 진분수의 뺄셈(예: 4/5 − 2/5 = 2/5)을 세로식으로 직접 풀며 "분자끼리 빼고 분모는 그대로" 원리를 익히는 인터랙티브 웹앱입니다. 남은 양을 "얼마나 먹었을까?" 실생활 문맥으로 자연스럽게 도입합니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 덧셈 vs 뺄셈 실수 정밀 진단 | 뺄셈 문제인데 분자를 덧셈으로 계산하는 오류(예: 4/5 − 2/5 = 6/5로 입력)를 정밀 감지하여 처방합니다. | "− 기호를 봤는데 두 분자를 더했어요! 기호가 −인지 먼저 눈으로 짚고 계산하는 습관" 처방. |
| 분자 거꾸로 뺄셈 진단 | 작은 수에서 큰 수를 못 빼니 아래 분자를 위에서 빼는 초등학생의 흔한 실수(예: 2−4=2로 입력)를 감지합니다. | "항상 큰 분자에서 작은 분자를 빼요! 뺄셈 문제는 큰 수가 먼저 와요" 원리 체득. |
| 남은 양 상황 카드 | "4/5판 먹고 남은 양은 몇 판일까요?"처럼 뺄셈의 의미(남는 양)를 실생활 문맥으로 시각화합니다. | 덧셈(모으기)과 뺄셈(남기기)의 상황적 차이를 몸으로 체감합니다. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
진분수뺄셈.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 4학년 2학기 > 수학 > 연산 > 분수의 덧셈과 뺄셈 > 분모가 같은 진분수의 뺄셈 (진분수 - 진분수) 바이브 코딩 프롬프트
[유형 5] 분모가 같은 진분수의 뺄셈(진분수 − 진분수) 연습 웹앱을 만들어줘.
목적·대상: 4학년 2학기 학생이 분모가 같은 진분수의 뺄셈(예: 4/5 − 2/5 = 2/5)을 세로식으로 풀며 "분자끼리 빼고 분모는 그대로" 원리를 익히는 웹앱.
기술 조건: 단일 index.html. CDN: canvas-confetti + Jua, Web Audio 합성, 폴백.
문제 생성: 분모 d(3~9), 첫 분자 > 둘째 분자(각 1 이상). 순서 고정(큰 수 먼저). 직전 반복 금지, generateProblem() 분리.
세로식 UI: 문제 분수 2개 + − 기호 + ＝ + 답 분수(분자칸/가로선/분모칸). 상황 카드(남은 양 문맥: "4/5판 먹고 남은 양은?").
입력 규격: 첫 커서 = 답 분모칸 → 분자칸. 클릭 선택, ⌫ 지우기(풀이 중), 모든 칸 채우면 오답도 진행(전부 정답만 축하), 즉시 채점, 2칸 이상 오답 시 힌트 제안. 음소거/음량.
힌트: 조각 시각화 — 전체 조각에서 빠지는 조각을 지우며 남은 조각 세기 + "분자끼리 빼고 분모는 그대로!".
학습 기록: firstAnswers/wrongAttempts/힌트 기록.
결과 화면: 요약 + 특화 분석(뺄셈을 덧셈으로 계산(분자 합 입력) / 분자를 거꾸로 뺌(둘−첫) / 분자·분모 뒤바꿈 / 분모 계산 시도 / 순간 실수) + 맞춤 보충(틀린 분모 위주) + 다시 볼 문제들 + 전부 정답 시 "다음 단계: 자연수 − 진분수 도전!" 추천.
스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 모바일 반응형.
완료 기준: 첫 분자가 항상 큰 진분수 뺄셈만 출제, 확정 입력 규격 동작, 오답 분석·보충 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 4학년 2학기 수학 분모가 같은 진분수의 뺄셈 [4수02-01]
- 초등 수학 진분수 뺄셈 덧셈 착각 오류 진단 설계
