분자끼리 못 빼요! 1을 빌려와서 빼요 — 대분수의 뺄셈(빌려오기) 연습 웹앱
🎂 2022 개정 교육과정 초등학교 4학년 2학기 수학 연산 (분수의 덧셈과 뺄셈) — 분모가 같은 대분수의 뺄셈에서 분자끼리 바로 뺄 수 없는 문제(예: 3 2/5 − 1 4/5 = 1 3/5)를 세로식으로 직접 풀며 "정수부에서 1을 빌려와 분자에 더한다" 원리를 익히는 인터랙티브 웹앱입니다. 대분수 뺄셈의 최고 난이도 핵심 개념인 빌려오기를 확실히 훈련합니다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 1 빌려오기 필수 출제 | 피감수의 분자가 항상 감수의 분자보다 작게만 출제되어(예: 분자1=2, 분자2=4), 정수부에서 1을 빌려와 분자에 분모만큼 더하는 과정이 반드시 필요합니다. | "분자끼리 못 빼요! 정수부에서 1을 빌려와 분자에 분모만큼 더해요: (2+5)−4=3" 단계 애니메이션. |
| 빌려오기 누락 정밀 진단 | 1을 빌려오는 과정을 생략하고 정수부 차를 그대로 쓰는 실수를 정밀 감지합니다. | 예: 3 2/5 − 1 4/5 = 2 ... 라고 계산하는 오류를 정확히 잡아냅니다. |
| 빌려온 분자 계산 실수 진단 | 빌려온 후 분자를 계산하는 과정에서 분모를 더하는 것을 잊는 실수를 감지합니다. | "정수부 1을 빌려오면 분자가 분모만큼 커져요! (2+5)−4 = 3" 빌려온 값 계산 훈련. |
2. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
대분수뺄셈2.html로 저장한 뒤 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
2022 개정교육과정 > 초등학교 > 4학년 2학기 > 수학 > 연산 > 분수의 덧셈과 뺄셈 > 분모가 같은 대분수의 뺄셈 <2> 바이브 코딩 프롬프트
[유형 8] 분모가 같은 대분수의 뺄셈 ⟨2⟩(1을 빌려와야 하는 경우) 연습 웹앱을 만들어줘.
목적·대상: 4학년 2학기 학생이 대분수 뺄셈에서 분자끼리 바로 뺄 수 없는 문제(예: 3 2/5 − 1 4/5 = 1 3/5)를 세로식으로 풀며 "정수부에서 1을 빌려와 분자에 더한다" 원리를 익히는 웹앱.
기술 조건: 단일 index.html. CDN: canvas-confetti + Jua, Web Audio 합성, 폴백.
문제 생성: 두 대분수(분모 같음, 정수부1 > 정수부2, 분자1 < 분자2). 답: 정수부 = 정수차−1, 분자 = (분자1+분모)−분자2. 직전 반복 금지, generateProblem() 분리.
세로식 UI: 문제 대분수 2개 + − + ＝ + 답 대분수. 상황 카드 포함.
입력 규격: 정수부 칸 → 분모 칸 → 분자 칸. 클릭 선택, ⌫ 지우기(풀이 중), 모든 칸 채우면 오답도 진행(전부 정답만 축하), 즉시 채점, 2칸 이상 오답 시 힌트 제안. 음소거/음량.
힌트 모드: 조각 시각화 — "분자끼리 못 빼요! 정수부에서 1을 빌려와 분자에 분모만큼 더해요: (2+5)−4=3, 정수부는 3−1−1=1" 단계 애니메이션.
학습 기록: firstAnswers/wrongAttempts/힌트 기록.
결과 화면: 요약 + 특화 분석(1 빌려오기 누락(정수부=정수차, 분자 음수 시도) / 빌려온 분자 계산 실수 / 분자·분모 뒤바꿈 / 순간 실수) + 맞춤 보충(틀린 분모 위주) + 다시 볼 문제들 + 전부 정답 시 "다음 단계: 대분수와 진분수의 덧셈 도전!" 추천.
스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 모바일 반응형.
완료 기준: 분자1 < 분자2 문제만 출제(빌려오기 필수), 빌려오기 원리 힌트와 진단 동작, 확정 입력 규격 동작.📚 기술·교육 참고 링크
- 2022 개정 교육과정 초등 4학년 2학기 수학 대분수의 뺄셈 [4수02-01]
- 초등 수학 대분수 뺄셈 1 빌려오기(분모 만큼 더하기) 지도법
