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