2026년 9월 11일 금요일

[쉬운 AI 소식] 커서 프로젝트(Cursor Projects) 공식 출시 - 수천 개 AI 에이전트를 지휘하는 자율 프로젝트 총괄 관리!

🚀 커서 프로젝트(Cursor Projects) 전격 출시: 단순 코딩 보조를 넘어 '수천 개 서브에이전트 총괄 오케스트레이션' 시대로!

💡 이번 릴리즈 핵심 30초 다이제스트:
지금까지의 AI 코딩이 "질문 하나 던지고 코드 한 줄 고치기"였다면, 2026년 9월 10일 공식 발표된 '커서 프로젝트(Cursor Projects)'는 완전히 새로운 차원의 패러다임을 제시합니다.
총괄 코디네이터 에이전트(Coordinator Agent)가 전체 목표를 분석하여 수천 개의 서브에이전트에게 병렬로 업무를 나누어 맡기고, 노트북을 닫아도 클라우드 환경에서 24시간 멈추지 않고 개발을 지속합니다. 매번 컨텍스트를 다시 설명할 필요 없이 프로젝트가 커질수록 지식이 공유·누적되며, 슬랙이나 스케줄 신호를 감지해 프롬프트 없이도 스스로 버그를 고치는 자율 개발팀이 탄생했습니다!

📊 한눈에 보는 3대 핵심 변화 분석표

무엇이 바뀌었나요? (영역)	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
🤖 총괄 코디네이터 & 서브에이전트 군집	총괄 AI는 직접 코드를 치지 않고 기획과 감수만 담당하며, 화면 디자인, 계산 로직, 버그 테스트를 수많은 부하 에이전트에게 병렬 위임합니다.	대규모 교육용 플랫폼(학급 관리, 퀴즈 교구, 출결 대시보드) 전체 구축을 하나의 프로젝트로 총괄 위임
☁️ 노트북을 닫아도 멈추지 않는 클라우드 에이전트	내 컴퓨터 전원을 꺼도 클라우드 가상 컴퓨터에서 작업이 계속 돌며, 실제 로컬 테스트가 필요할 때만 내 PC 워커를 깨워 검증합니다.	퇴근 전 복잡한 데이터 마이그레이션이나 대규모 웹앱 리팩토링을 걸어두고 다음 날 아침 완성본 확인
🧠 프로젝트 지식 공유 (Shared Context) & 자동 구독	매번 에이전트에게 프로젝트 규칙을 설명할 필요 없이, 이전에 배운 코딩 스타일과 해결책이 모든 에이전트에게 실시간 공유됩니다.	학급 웹앱의 버튼 스타일이나 색상 가이드라인을 한 번만 학습시키면 모든 후속 교구에 일관되게 자동 적용

🛠️ 현장 교사 & 초보 바이브 코더를 위한 실전 활용 가이드

📌 따라하기 3단계 순서

1단계 (Projects 메뉴 진입): 커서(Cursor) 좌측 네비게이션에서 새로 추가된 [Projects] 탭을 열고 새 프로젝트를 생성합니다.
2단계 (코디네이터 총괄 지침 입력): 아래 제공된 [코디네이터 에이전트 전용 거꾸로 프롬프트]를 복사해 붙여넣고, 만들고자 하는 거대 교구/앱의 대목표를 제시합니다.
3단계 (자율 병렬 작업 및 리뷰 검수): 코디네이터가 기획 질문을 던진 뒤 수많은 서브에이전트를 가동해 작성해 온 완성본을 편안하게 검수하고 승인합니다.

📋 복사해서 바로 쓰는 '프로젝트 코디네이터 에러 제로 프롬프트'

당신은 커서 프로젝트(Cursor Projects)의 총괄 코디네이터 에이전트(Coordinator Agent)입니다.
초등학교 교실에서 종합적으로 사용할 [학급 통합 교육 플랫폼/다기능 웹앱] 프로젝트를 수립하고 서브에이전트들을 지휘해 완성해 주세요.

[🚨 프로젝트 공통 에러 방지 기본 안전장치 (Zero-Error Baseline)]
1. 단일 파일 완결성 원칙: 각 모듈 및 최종 산출물은 외부 복잡한 번들러 없이 브라우저에서 바로 열리는 단일 HTML5 파일로 구동될 수 있도록 설계할 것. 생략 주석(// TODO, /* 생략 */) 절대 금지.
2. 개인정보 원천 차단: 학생 실명, 학번 수집을 금지하고 12가지 동물 닉네임 선택 및 브라우저 localStorage 로컬 저장 구조를 전 모듈에 표준 적용할 것.
3. 공유 컨텍스트 동기화: 프로젝트 레벨의 스타일 가이드(파스텔 네오브루탈리즘, Tailwind CSS CDN, Lucide Icons CDN)와 Web Audio API 주파수 합성 표준을 모든 서브에이전트가 공유하도록 선언할 것.

[❓ 코디네이터 역질문 유도 (Reverse Prompting)]
서브에이전트를 가동하기 전에, 총괄 기획자(사용자)에게 아래 3가지 질문을 먼저 던져서 전체 스펙을 조율해 줘:
1. 이 프로젝트에 포함될 필수 하위 모듈 3가지(예: 1. 타이머 교구, 2. 연산 퀴즈 아케이드, 3. 칭찬 룰렛)의 우선순위는 무엇인가요?
2. 클라우드 백그라운드 작업 완료 후 결과를 브라우저 라이브 프리뷰 링크로 확인할까요, 단일 파일 다운로드로 제공할까요?
3. 전자칠판 전체화면 터치 모드와 학생용 태블릿 뷰 중 어떤 해상도를 기본 디자인 규칙으로 서브에이전트에 전달할까요?

🎯 에디터 한줄평

"내가 코드를 직접 짜지 않아도, 훌륭한 AI 기획 코디네이터가 수천 명의 개발자 군단을 이끌며 프로젝트를 완성해 주는 시대가 열렸습니다. 이제 바이브 코더에게 가장 필요한 능력은 코딩 문법이 아니라 거대한 비전을 지휘하는 '총괄 기획력'입니다!"

🔗 공식 릴리즈 노트 원문 확인하기:
Cursor Changelog — Cursor Projects Official Release (2026.09.10 공식 발표)

진흙탕에 묻힌 미식가의 절규 - 1320년 단테가 신곡 지옥편에 새긴 폭식의 덫

📢 핵심 30초 요약
대식 먹방과 자극적인 배달음식이 일상이 된 오늘, 700년 전 단테는 왜 《신곡》에서 폭식자들을 가장 차가운 진흙탕 지옥에 가두었을까요? 세 머리의 괴수 케르베로스와 오물 속에 뒹구는 영혼들을 통해 혀끝의 찰나적 쾌락 뒤에 숨겨진 공허와 절제의 미학을 돌아봅니다.

안녕하세요! 독자 여러분. 오늘은 먹방 열풍과 식욕의 통제, 그리고 건강한 삶의 절제에 대해 누구나 쉽게 따라 할 수 있는 실전 가이드를 전해드립니다.

평소 "스트레스를 받을 때마다 배달음식이나 자극적인 음식을 폭식하고, 먹고 난 뒤 찾아오는 더부룩함과 자괴감 때문에 괴로웠던 경험" 많으셨을 텐데요, 오늘 소개하는 불멸의 고전 속 통찰을 살펴보면 음식의 노예에서 벗어나 몸과 마음의 진짜 허기를 채우는 지혜를 얻을 수 있습니다.

📊 핵심 포인트 3가지 한눈에 보기

단테가 《신곡》 지옥편에서 고발한 폭식의 본질과 절제의 지혜를 비교해 보세요.

구분 (영역)	핵심 설명	이렇게 활용하세요!
1단계 포인트	콘트라파소와 감각의 역습	순간의 쾌락 뒤에 남는 피로와 자괴감을 직시하고 과식 차단
2단계 포인트	케르베로스의 흙더미와 공허	가짜 배고픔(감정적 허기)과 신체적 필요를 명확히 분별
3단계 포인트	절제를 통한 삶의 품격 회복	자극적 양보다 음식 한 그릇의 온기와 생명의 감사함 음미

💡 실전 사용 예시 & 액션 플랜

아래 템플릿을 복사하여 자신의 상황에 맞게 바로 적용해 보세요.

🪄 바로 복사해 쓰는 실전 템플릿

      "나는 목구멍의 저주스러운 죄악, 통제하지 못한 식욕 때문에 이 차가운 비를 맞으며 썩어가는 벌을 받고 있네.

      여기 누워 있는 수많은 가련한 영혼들이 혀끝의 한순간 배부름에 눈이 멀어 영혼의 눈을 감아버린 자들이라네."

      — 단테 알리기에리, 《신곡》 지옥편 제6곡 중에서

🏃 실전 적용 3단계

1단계: 야식이나 폭식 충동이 일어날 때 물 한 잔을 마시며 10분간 감정을 점검합니다.
2단계: 화면을 보면서 무의식적으로 음식을 삼키는 습관을 멈추고 씹는 감각에 집중합니다.
3단계: 과도한 양의 소비보다 소박하고 건강한 자연식으로 내 몸에 휴식을 선물합니다.

🎯 에디터 한줄평
"끝없는 허기를 달래려 진흙탕을 삼키는 괴수처럼 살기보다, 소박한 밥상 한 그릇에서 생명의 감사함을 천천히 음미할 줄 아는 자만이 탐욕의 오물에서 존엄하게 일어설 수 있습니다."

📌 작품 및 출처 정보
작품: 《신곡 (Divine Comedy) - 지옥편 (Inferno)》
저자: 단테 알리기에리 (Dante Alighieri, 1265–1321)
시대: 1320년 (14세기 이탈리아 중세 대서사시)

종이쪽지 위에 춤추는 탐욕과 공포 - 1891년 에밀 졸라가 돈에 새긴 환율과 투기의 덫

📢 핵심 30초 요약
환율 급변과 환차손에 가만히 있어도 자산이 녹아내리는 금융 불안의 오늘, 130년 전 에밀 졸라는 왜 소설 《돈》에서 파리 거래소를 '괴물의 동굴'이라 불렀을까요? 실체 없는 환율과 주가 숫자의 장난 속에서 평생의 피땀을 지켜내는 투자의 본질을 살펴봅니다.

안녕하세요! 독자 여러분. 오늘은 환율 변동과 외환 투기, 그리고 금융 폭풍 속에서 자산을 지키는 지혜에 대해 누구나 쉽게 따라 할 수 있는 실전 가이드를 전해드립니다.

평소 "해외 주식이나 환율 뉴스를 보며 앉은자리에서 자산 가치가 떨어지는 것을 보고 불안하고 초조했던 분들" 많으셨을 텐데요, 오늘 소개하는 에밀 졸라의 고전적 통찰을 살펴보면 요동치는 시장의 숫자 너머에서 흔들리지 않는 삶의 중심을 잡을 수 있습니다.

📊 핵심 포인트 3가지 한눈에 보기

에밀 졸라가 《돈》에서 해부한 환율 투기의 함정과 실물 가치의 법칙을 비교해 보세요.

구분 (영역)	핵심 설명	이렇게 활용하세요!
1단계 포인트	가공 신용과 환율의 덫	실체 없는 시세 차익과 뜬소문에 휘둘리는 묻지마 투자 배제
2단계 포인트	환차손과 자산 증발의 위험	외환 변동성을 분산하고 통화 리스크를 체계적으로 관리
3단계 포인트	정직한 노동과 실물 가치	시세판의 숫자가 아닌 생산성과 실질 가치에 근거한 자산 형성

💡 실전 사용 예시 & 액션 플랜

아래 템플릿을 복사하여 자신의 상황에 맞게 바로 적용해 보세요.

🪄 바로 복사해 쓰는 실전 템플릿

      "돈이란 인간의 땀을 빨아먹는 괴물이자, 문명을 굴러가게 만드는 거름이다.

      그러나 그 돈이 실체 없는 숫자의 장난으로 변할 때, 그것은 모든 것을 집어삼키는 독약이 되고 만다."

      — 에밀 졸라, 《돈(L'Argent)》 제12장 중에서

🏃 실전 적용 3단계

1단계: 해외 자산 투자 시 단순 수익률뿐만 아니라 환율 변동에 따른 실질 수익을 점검합니다.
2단계: 단기 시세 변동에 일희일비하며 매매를 반복하는 투기적 충동을 억제합니다.
3단계: 내 삶을 지탱하는 실물 경제와 일상의 노동 가치에 더 깊은 자부심을 둡니다.

🎯 에디터 한줄평
"환율과 시세판의 숫자는 하룻밤 사이에도 신기루처럼 흩어지지만, 정직한 땀과 분별력으로 지켜낸 삶의 본질은 그 어떤 금융의 폭풍 속에서도 결코 흔들리지 않습니다."

📌 작품 및 출처 정보
작품: 《돈 (L'Argent)》
저자: 에밀 졸라 (Émile Zola, 1840–1902)
시대: 1891년 (19세기 말 프랑스 자연주의 금융 소설)

뱁새의 비웃음에 대붕은 날개를 멈추지 않는다 - 기원전 4세기 장자가 소요유에 새긴 절대 자유

📢 핵심 30초 요약
SNS의 '좋아요'와 타인의 시선에 휘둘리는 관심 경제의 시대, 2,300년 전 장자는 왜 "뱁새의 비웃음에 흔들리지 말라"고 했을까요? 구만 리 하늘을 가르는 거대한 대붕의 고독한 비상을 통해 세상의 평판을 넘어선 내면의 절대 자유를 찾아봅니다.

안녕하세요! 독자 여러분. 오늘은 인플루언서 열풍과 세속적 명성, 그리고 타인의 시선을 초월하는 주체적 자유에 대해 누구나 쉽게 따라 할 수 있는 실전 가이드를 전해드립니다.

평소 "SNS 피드 속 타인의 화려한 일상과 비교하며 조급해지거나, 남들의 평가와 비난 때문에 내 진짜 꿈을 포기하고 싶었던 분들" 많으셨을 텐데요, 오늘 소개하는 동양 철학 최고의 우화를 살펴보면 좁은 덤불을 벗어나 나만의 드넓은 창공으로 날아오르는 용기를 얻을 수 있습니다.

📊 핵심 포인트 3가지 한눈에 보기

장자가 《소요유》에서 통찰한 대붕과 뱁새의 차이를 비교해 보세요.

구분 (영역)	핵심 설명	이렇게 활용하세요!
1단계 포인트	뱁새의 얕은 비웃음 극복	세속적 잣대와 타인의 근시안적 험담에 흔들리지 않기
2단계 포인트	구만 리를 날아오르는 바람의 축적	즉각적인 성과에 조급해하지 않고 오랜 내공과 실력 연마
3단계 포인트	소요유(逍遙遊)의 절대 자유	외부의 인정(조회수, 팔로워)에 의존하지 않는 내면의 평안 확립

💡 실전 사용 예시 & 액션 플랜

아래 템플릿을 복사하여 자신의 상황에 맞게 바로 적용해 보세요.

🪄 바로 복사해 쓰는 실전 템플릿

      "메추라기와 뱁새가 어찌 대붕의 깊은 뜻을 알겠는가.

      작은 지혜는 큰 지혜에 미치지 못하고, 짧은 수명은 긴 수명에 닿지 못한다.

      남들이 만든 좁은 잣대에 내 영혼을 가두지 말라."

      — 장자, 《장자》 내편 소요유(逍遙遊) 중에서

🏃 실전 적용 3단계

1단계: 무의미하게 타인의 소셜미디어를 탐색하며 비교하는 시간을 줄입니다.
2단계: 나를 깎아내리거나 비웃는 사람들의 좁은 시야에 일일이 변명하지 않습니다.
3단계: 내가 도달하고자 하는 장기적인 인생의 목표와 본질적인 가치에 집중합니다.

🎯 에디터 한줄평
"세상의 뱁새들이 덤불 속에서 수군거릴지라도, 내 영혼의 날개가 향해야 할 곳은 타인의 시선이라는 좁은 나뭇가지가 아니라 끝없이 아득한 자유의 창공입니다."

📌 작품 및 출처 정보
작품: 《장자 (Zhuangzi)》
저자: 장자 (Zhuangzi, 기원전 369?–기원전 286?)
시대: 기원전 4세기 (중국 전국시대 도가 철학)

2026년 9월 10일 목요일

[초등 3-2 수학] 몇십 몇 ÷ 몇 나눗셈 - 내림이 있고 나머지는 없는 나눗셈

나누고 남은 10을 일의 자리로 내려요! — 몇십 몇 ÷ 몇(내림 있음·나머지 없음) 웹앱

⬇️ 2022 개정 교육과정 초등학교 3학년 2학기 수학 연산 (나눗셈) — 십의 자리 계산에서 나머지가 생겨 남은 십을 일의 자리로 내려 다시 나누는 내림(borrowing)이 있고 최종 나머지는 없는 나눗셈(예: 84 ÷ 7 = 12)을 세로식으로 직접 풀어보며 내림의 원리를 익히는 인터랙티브 웹앱입니다.

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
십의 자리 내림 개념 체감	84÷7에서 8÷7=1을 계산하고 남은 1(10)에 일의 자리 4를 합쳐 14를 만든 뒤 14÷7=2를 계산하는 내림 과정을 시각적으로 경험합니다.	남은 수를 내려 다시 나누는 중간 과정을 힌트 애니메이션으로 단계별 확인합니다.
최종 나머지는 0 (깔끔한 나누어떨어짐)	내림은 발생하지만 최종 계산에서는 딱 나누어떨어지므로, 나머지 칸 부담 없이 내림 과정 자체에만 학생이 집중할 수 있습니다.	몫칸 2개(십➔일) 원샷 입력으로 내림 원리를 명쾌하게 숙달합니다.
내림 과정 누락 특화 진단	십의 자리에서 남은 수를 잊어버리고 일의 자리를 그냥 나누려는 흔한 오류를 정확히 감지하여 맞춤 처방합니다.	"십의 자리에서 남은 수를 일의 자리 앞에 내려 적어요" 해결 방법을 제시합니다.

2. 초보자를 위한 바이브 코딩 실전 사용 예시

프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
HTML 파일 실행 — 메모장에 붙여넣고 내림나눗셈.html로 저장한 뒤 더블클릭합니다.

제미나이 전용 에러 제로 프롬프트

2022 개정교육과정 > 초등학교 > 3학년 2학기 > 수학 > 연산 > 나눗셈 > 몇십 몇 ÷ 몇 (내림이 있으나 나머지가 없음) 바이브 코딩 프롬프트

[유형 3] 몇십 몇 ÷ 몇(내림 있음·나머지 없음) 연습 웹앱을 만들어줘.

목적·대상: 초등학교 3학년 2학기 학생이 내림(borrowing)이 있고 나머지는 없는 몫이 두 자리 수인 나눗셈(예: 84 ÷ 7 = 12)을 세로식으로 직접 풀어보며 "나누고 남은 것을 다음 자리로 내려 보내는" 내림 원리를 익히는 인터랙티브 웹앱.

기술 조건: HTML+CSS+JavaScript를 전부 포함한 단일 index.html 파일. CDN: canvas-confetti, 구글 폰트 Jua. 소리는 Web Audio API로 직접 생성. CDN 폴백 처리.

문제 생성:
- 피제수는 두 자리 수(10~99), 나눔수는 한 자리 수(2~9).
- 내림 있음 제약: 피제수의 십의 자리 숫자가 나눔수보다 크거나 같으면서 나누어떨어지지 않아 십의 자리 계산에서 나머지가 생기고(십d ÷ 나눔수 = 몫1 ··· 남은 수), 남은 수에 일의 자리를 내려 만든 수가 나눔수로 나누어떨어져야 함. 최종 나머지 0. 몫은 두 자리 수(예: 84÷7=12, 96÷8=12, 72÷6=12, 92÷4=23).
- 직전 문제 반복 금지, generateProblem() 함수 분리, 보충 연습은 틀린 나눔수 위주 출제.

상황 카드: 상황 문장과 아이콘 표시.

풀이 UI (세로식 나눗셈 + 네모 칸 입력):
- 세로식 나눗셈 CSS Grid 4열 규격(나눔수 44px / ) 24px / 십 84px / 일 84px, 가로선 2열~4열).
- 몫칸 2개: 십의 자리 칸(3열 위), 일의 자리 칸(4열 위) 수직 정렬. 나머지 없음이므로 나머지 칸은 없음.
- 내림 과정 시각화(선택): 힌트에서 십의 자리 계산 후 남은 수에 일의 자리를 내려 다시 나누는 과정을 애니메이션으로 표시(피제수 아래 중간 계산 행).
- 입력 순서: 몫의 십의 자리 → 몫의 일의 자리. 원샷 입력(재입력 불가, 즉시 다음 칸).
- 반응: 칸별 정답 초록+"딩", 오답 빨간 배경+shake(오답 유지). 전부 정답일 때만 confetti+아르페지오. 2칸 이상 오답 시 힌트 제안. 음소거/음량 버튼.

힌트 모드: 내림 과정 단계별 표시. (예: 84÷7 → 십의 자리: 8÷7=1, 1이 남아요! 남은 1에 일의 자리 4를 내려 14! 14÷7=2 → 몫 12!)

학습 기록: 자릿수별 입력과 힌트 사용 여부 기록.
진행: 문제 수 선택(5/10/20), 진행률 바.

결과 화면 — 오답 분석:
- 요약 카드. 분석:
  · 내림 과정 누락(십의 자리를 나누어떨어지는 값으로 잘못 입력) → "십의 자리에서 남은 수를 잊었어요" → 남은 수에 일의 자리를 내리는 연습.
  · 내림 후 몫의 십의 자리 착각(입력 = 정답 십의 자리 ±1) → "남은 수를 다시 나눌 때 한 칸 차이를 골랐어요" → 남은 수+일의 자리 만들기 연습.
  · 특정 나눔수 취약 → 해당 단 구구 연습 / 자릿수 어긋남 → 자릿값 짚어 읽기 / 일회성 실수 → 검산 습관.
- 맞춤 보충 연습(5문제), 오답 문제 목록, 전부 정답 시 축하 파티클 + "다음 단계: 나머지가 있는 나눗셈 도전!" 추천, "다시 연습" 버튼.

스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 스마트폰 세로 반응형.

완료 기준: 내림 있음·나머지 없음 생성 규칙(십의 자리에서 나머지 발생, 최종 나머지 0) 준수, 몫칸 2개 원샷 입력·힌트 내림 애니메이션·오답 분석·보충 연습 동작.

📚 기술·교육 참고 링크

2022 개정 교육과정 초등 3학년 2학기 수학 나눗셈(내림이 있는 나눗셈) 단원 [4수01-09]
십진 위치값 체계에서 나눗셈 내림(Borrowing)의 수학적 원리와 오류 교정법

[초등 3-2 수학] 몇십 몇 ÷ 몇 나눗셈 - 내림도 있고 나머지도 있는 나눗셈

나머지가 생겼어요! — 몇십 몇 ÷ 몇(내림 있음·나머지 있음) 웹앱

📦 2022 개정 교육과정 초등학교 3학년 2학기 수학 연산 (나눗셈) — 십의 자리 계산에서 내림이 발생하고 최종 계산에서도 나머지가 남는 몫이 두 자리 수인 나눗셈(예: 65 ÷ 4 = 16 ··· 1)을 세로식으로 직접 풀어보며 나머지 개념을 정식으로 익히는 인터랙티브 웹앱입니다.

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
몫칸 2개 + 나머지 칸 1개 (총 3칸 입력)	몫의 십의 자리, 몫의 일의 자리 칸에 이어 우측에 점 3개(···)와 함께 나머지 칸(5열)이 추가 배치됩니다.	입력 순서가 몫의 십의 자리 ➔ 몫의 일의 자리 ➔ 나머지 순으로 자연스럽게 진행됩니다.
상황 카드로 나머지 체감	"도넛 65개를 바구니 4개에 똑같이 나누어요. 남는 도넛은 몇 개일까요?"처럼 바구니에 들어가지 못하고 남는 개수를 명확히 보여줍니다.	나머지가 항상 나눔수보다 작아야 한다는 나눗셈의 대원칙을 아이콘으로 이해합니다.
몫과 나머지 혼동 특화 진단	몫칸에 나머지 숫자를 적거나, 몫이 바뀌어 나머지가 엉뚱하게 커진 실수를 분별하여 맞춤 처방을 내립니다.	"몫 × 나눔수 + 나머지 = 피제수" 검산 원리로 피드백을 제공합니다.

2. 초보자를 위한 바이브 코딩 실전 사용 예시

프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
HTML 파일 실행 — 메모장에 붙여넣고 나머지나눗셈.html로 저장한 뒤 더블클릭합니다.

제미나이 전용 에러 제로 프롬프트

2022 개정교육과정 > 초등학교 > 3학년 2학기 > 수학 > 연산 > 나눗셈 > 몇십 몇 ÷ 몇 (내림이 있고 나머지도 있음) 바이브 코딩 프롬프트

[유형 4] 몇십 몇 ÷ 몇(내림 있음·나머지 있음) 연습 웹앱을 만들어줘.

목적·대상: 초등학교 3학년 2학기 학생이 내림과 나머지가 모두 있는 몫이 두 자리 수인 나눗셈(예: 65 ÷ 4 = 16 ··· 1)을 세로식으로 직접 풀어보며 나머지 개념을 정식으로 익히는 인터랙티브 웹앱.

기술 조건: HTML+CSS+JavaScript를 전부 포함한 단일 index.html 파일. CDN: canvas-confetti, 구글 폰트 Jua. 소리는 Web Audio API로 직접 생성. CDN 폴백 처리.

문제 생성:
- 피제수는 두 자리 수(10~99), 나눔수는 한 자리 수(2~9).
- 내림 있음 제약(십의 자리 계산에서 남은 수 발생)과 최종 나머지 1 이상(나눔수보다 작은 수)을 동시에 만족하도록 생성. 몫은 두 자리 수(십의 자리 몫 1 이상, 예: 65÷4=16···1, 73÷5=14···3, 58÷7=8이 아닌 두 자리 몫만 — 십의 자리 몫 ≥ 1).
- 직전 문제 반복 금지, generateProblem() 함수 분리, 보충 연습은 틀린 나눔수 위주 출제.

상황 카드: 나머지 개념이 드러나는 상황(예: "도넛 65개를 바구니 4개에 똑같이 나누어요. 남는 도넛은 몇 개일까요?").

풀이 UI (세로식 나눗셈 + 네모 칸 입력):
- 세로식 나눗셈 CSS Grid 5열 규격: 1열=나눔수(44px), 2열=)(24px), 3열=피제수 십의 자리(84px), 4열=피제수 일의 자리(84px), 5열=나머지 칸(84px).
- 몫칸 2개(십의 자리 3열 위, 일의 자리 4열 위 수직 정렬) + 나머지 칸은 몫의 일의 자리 칸 오른쪽 옆(5열)에 별도 배치. 몫과 나머지 사이에 점 3개(···) 표기.
- 입력 순서: 몫의 십의 자리 → 몫의 일의 자리 → 나머지. 원샷 입력(재입력 불가, 즉시 다음 칸).
- 반응: 칸별 정답 초록+"딩", 오답 빨간 배경+shake(오답 유지). 세 칸 모두 정답일 때만 confetti+아르페지오+"정답! 🎉". 오답 있으면 축하 없이 자동 이동. 2칸 이상 오답 시 힌트 제안. 음소거/음량 버튼.

힌트 모드: 내림 + 나머지 단계별 표시. (예: 65÷4 → 십의 자리: 6÷4=1, 2가 남아요! 남은 2에 5를 내려 25! 25÷4=6이고 1이 남아요 → 몫 16, 나머지 1!)

학습 기록: 칸별 입력(몫 십/몫 일/나머지)과 힌트 사용 여부 기록.
진행: 문제 수 선택(5/10/20), 진행률 바.

결과 화면 — 오답 분석:
- 요약 카드. 분석:
  · 나머지를 몫에 혼동(몫칸에 나머지 값 입력) → "몫과 나머지 자리를 바꿨어요" → 몫은 한 바구니에 들어가는 개수, 나머지는 남는 개수 구분 연습.
  · 몫 착각으로 인한 나머지 오류(몫이 정답±1이고 나머지 오답) → "몫이 달라지면 나머지도 달라져요" → 몫 × 나눔수 + 나머지 = 피제수 확인 연습.
  · 나머지를 0으로 입력(나머지 없다고 착각) → "나누고 남은 수가 있어요" → 남는 개수 확인 연습.
  · 내림 과정 누락 / 특정 나눔수 취약 → 각각 내림 연습·구구 연습 처방 / 일회성 실수 → 검산 습관.
- 맞춤 보충 연습(5문제), 오답 문제 목록, 전부 정답 시 축하 파티클 + "다음 단계: 세 자리 수 나눗셈 도전!" 추천, "다시 연습" 버튼.

스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 스마트폰 세로 반응형.

완료 기준: 내림·나머지 동시 만족 문제 생성, 몫칸 2개+나머지 칸(··· 표기) 원샷 입력, 나머지 혼동 진단 포함 오답 분석, 보충 연습 동작.

📚 기술·교육 참고 링크

2022 개정 교육과정 초등 3학년 2학기 수학 나눗셈(내림과 나머지가 있는 나눗셈) 단원 [4수01-09]
나머지의 정의(0 ≤ 나머지 < 나누는 수) 및 등분 분배 모델 지도법

[초등 3-2 수학] 몇십 몇 ÷ 몇 나눗셈 - 내림 없고 나머지 없는 자릿수별 나눗셈

십의 자리 따로, 일의 자리 따로 나눠요! — 몇십 몇 ÷ 몇(내림·나머지 없음) 웹앱

✌️ 2022 개정 교육과정 초등학교 3학년 2학기 수학 연산 (나눗셈) — 피제수가 두 자리 수이고 나눔수가 한 자리 수이며 내림과 나머지가 모두 없는 몫이 두 자리 수인 나눗셈(예: 84 ÷ 2 = 42)을 세로식으로 직접 풀어보며 자릿수별 나눗셈의 원리를 익히는 인터랙티브 웹앱입니다.

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
몫이 두 자리 수로 확장	몫칸이 십의 자리(3열 위)와 일의 자리(4열 위) 2개로 나뉘어 피제수의 각 자릿수 바로 위에 정확히 수직 정렬됩니다.	실제 나눗셈 계산 순서에 맞추어 십의 자리 몫 ➔ 일의 자리 몫 순서로 왼쪽부터 입력합니다.
자릿수별 독립 나눗셈	십의 자리 숫자 ÷ 나눔수(8÷2=4)와 일의 자리 숫자 ÷ 나눔수(4÷2=2)가 각각 깔끔하게 나누어떨어지는 제약으로 내림 부담 없이 자릿수 계산을 체득합니다.	자릿수별 단계 플래시 애니메이션으로 각 자리 계산 과정을 직관화합니다.
몫 순서 착각 및 자릿수 어긋남 진단	십의 자리와 일의 자리 몫을 거꾸로 적거나(42 대신 24), 자릿수를 한 칸 밀려 쓰는 실수를 정밀하게 분석합니다.	"십의 자리부터 차례로 나눠요" 해결 처방과 함께 맞춤 보충 연습 5문제를 제공합니다.

2. 초보자를 위한 바이브 코딩 실전 사용 예시

프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
HTML 파일 실행 — 메모장에 붙여넣고 자릿수별나눗셈.html로 저장한 뒤 더블클릭합니다.

제미나이 전용 에러 제로 프롬프트

2022 개정교육과정 > 초등학교 > 3학년 2학기 > 수학 > 연산 > 나눗셈 > 몇십 몇 ÷ 몇 (내림이 없고 나머지도 없음) 바이브 코딩 프롬프트

[유형 2] 몇십 몇 ÷ 몇(내림 없음·나머지 없음, 자릿수별 나눗셈) 연습 웹앱을 만들어줘.

목적·대상: 초등학교 3학년 2학기 학생이 몫이 두 자리 수인 나눗셈의 첫 단계(예: 84 ÷ 2 = 42)를 세로식으로 직접 풀어보며 "십의 자리와 일의 자리를 각각 나누어 몫을 차례로 적는다"는 원리를 익히는 인터랙티브 웹앱.

기술 조건: HTML+CSS+JavaScript를 전부 포함한 단일 index.html 파일. CDN: canvas-confetti, 구글 폰트 Jua. 소리는 Web Audio API로 직접 생성(정답=밝은 상승음과 축하 아르페지오, 오답=낮은 톤). CDN 폴백 처리.

문제 생성:
- 피제수는 두 자리 수(10~99), 나눔수는 한 자리 수(2~9).
- 내림·나머지 없음 제약: 피제수의 십의 자리 숫자 ÷ 나눔수, 일의 자리 숫자 ÷ 나눔수가 모두 나누어떨어지도록 생성(예: 84÷2, 96÷3, 63÷3). 몫은 항상 두 자리 수.
- 직전 문제 반복 금지, generateProblem() 함수 분리, 보충 연습은 틀린 나눔수 위주 출제.

상황 카드: 상황 문장(예: "도넛 84개를 바구니 2개에 똑같이 나누어요.")과 아이콘 표시.

풀이 UI (세로식 나눗셈 + 네모 칸 입력):
- 세로식 나눗셈 CSS Grid 4열 규격: 1열=나눔수(44px), 2열=)(24px), 3열=피제수 십의 자리(84px), 4열=피제수 일의 자리(84px). 가로선은 2열~4열 연결.
- 몫은 두 자리이므로 몫칸 2개: 몫의 십의 자리 칸은 피제수 십의 자리(3열) 위, 몫의 일의 자리 칸은 피제수 일의 자리(4열) 위에 수직 정렬.
- 입력 순서: 몫의 십의 자리 → 몫의 일의 자리 (실제 나눗셈 계산 순서인 왼쪽부터). 화면 숫자판 0~9 + 키보드.
- 원샷 입력: 각 칸 딱 한 번 입력, 정/오 무관 즉시 다음 칸 이동(재입력 불가, 시스템 게이밍 차단).
- 반응: 칸별 정답 초록 채움+"딩"(단계마다 음 상승), 오답 빨간 배경+shake+낮은 톤(오답 숫자 유지). 두 칸 모두 정답일 때만 confetti+축하 아르페지오+"정답! 🎉". 오답 있으면 축하 없이 다음 문제로 자동 이동. 2칸 이상 오답 시 힌트 제안. 음소거/음량 버튼.

힌트 모드: 자릿수별 나눗셈 과정을 단계별 설명 + 해당 자릿수 열 플래시. (예: 84÷2 → 십의 자리: 8÷2=4, 일의 자리: 4÷2=2 → 42!)

학습 기록: 자릿수별 입력(위치, 값, 정/오)과 힌트 사용 여부 기록.
진행: 문제 수 선택(5/10/20), 진행률 바.

결과 화면 — 오답 분석:
- 요약 카드(맞힌 문제, 틀린 문제, 힌트 사용, 정답률).
- 분석: 자릿수 어긋남(입력한 값이 옆 자리 정답과 동일) → 색으로 구분된 자릿값 짚어 읽기 / 특정 나눔수 취약(2회 이상) → 해당 단 구구 연습 / 몫 두 자리 순서 착각(십과 일 입력 뒤바뀜) → "십의 자리부터 차례로 나눠요" / 일회성 실수 → 검산 습관. 각 진단은 [요약]+[이유]+[해결 방법], 격려 톤.
- 맞춤 보충 연습(5문제), 오답 문제 목록(계산 과정 보기), 전부 정답 시 축하 파티클 + "다음 단계: 내림이 있는 나눗셈 도전!" 추천, "다시 연습" 버튼.

스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 스마트폰 세로 반응형.

완료 기준: 자릿수별 나눗셈 생성 규칙(십·일 각각 나누어떨어짐) 준수, 몫칸 2개(십→일) 원샷 입력·즉시 채점·파티클+사운드·힌트·오답 분석·보충 연습 동작.

📚 기술·교육 참고 링크

2022 개정 교육과정 초등 3학년 2학기 수학 나눗셈(몇십 몇 ÷ 몇, 내림 없음) 단원 [4수01-09]
십의 자리와 일의 자리를 분리하여 계산하는 분배적 나눗셈 전략 지도법

[초등 3-2 수학] 몇백 몇십 몇 ÷ 몇 나눗셈 - 세 자리 피제수의 두 단계 내림과 나머지

세 자리 수도 두 번 내려서 차근차근 나눠요! — 세 자리 ÷ 한 자리 나눗셈 웹앱

🏢 2022 개정 교육과정 초등학교 3학년 2학기 수학 연산 (나눗셈) — 피제수가 세 자리 수이고 몫이 두 자리 수인 나눗셈(예: 156 ÷ 4 = 39, 165 ÷ 4 = 41 ··· 1)을 세로식으로 직접 풀어보며 두 단계 이상의 연속 내림과 조건부 나머지 처리 원리를 체화하는 인터랙티브 웹앱입니다.

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
세 자리 피제수와 몫의 자릿수 판단	백의 자리 숫자 < 나눔수 제약으로 백의 자리에서는 몫이 0이 되어, 몫칸이 피제수 십의 자리(4열) 위와 일의 자리(5열) 위에만 배치됩니다.	"백의 자리에서 못 나누면 십의 자리부터 몫을 적어요" 자릿수 판단 훈련을 진행합니다.
조건부 나머지 칸 지원	나머지가 있는 문제(70%)는 나머지 칸이 활성화되어 점 3개(···) 옆에 입력받고, 딱 나누어떨어지는 문제(30%)는 나머지 칸이 비활성화됩니다.	나머지가 있는지 없는지 문제를 끝까지 풀어봐야 아는 종합적 연산 판단력을 기릅니다.
두 번째 내림 누락 특화 진단	첫 번째 내림(백➔십)은 잘하고 두 번째 내림(십➔일)에서 남은 수를 내리지 않는 실수를 정확히 감지합니다.	"남은 수를 내리는 과정을 두 번 확인해요" 단계별 안내를 제공합니다.

2. 초보자를 위한 바이브 코딩 실전 사용 예시

프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
HTML 파일 실행 — 메모장에 붙여넣고 세자리나눗셈.html로 저장한 뒤 더블클릭합니다.

제미나이 전용 에러 제로 프롬프트

2022 개정교육과정 > 초등학교 > 3학년 2학기 > 수학 > 연산 > 나눗셈 > 몇백 몇십 몇 ÷ 몇 (내림/나머지 있음) 바이브 코딩 프롬프트

[유형 5] 몇백 몇십 몇 ÷ 몇(내림/나머지 있음, 세 자리 피제수) 연습 웹앱을 만들어줘.

목적·대상: 초등학교 3학년 2학기 학생이 세 자리 수를 한 자리 수로 나누는 나눗셈(예: 156 ÷ 4 = 39, 165 ÷ 4 = 41 ··· 1)을 세로식으로 직접 풀어보며 두 단계 이상의 내림을 익히는 인터랙티브 웹앱.

기술 조건: HTML+CSS+JavaScript를 전부 포함한 단일 index.html 파일. CDN: canvas-confetti, 구글 폰트 Jua. 소리는 Web Audio API로 직접 생성. CDN 폴백 처리.

문제 생성:
- 피제수는 세 자리 수(100~999), 나눔수는 한 자리 수(2~9).
- 몫이 두 자리 수가 되도록 피제수의 백의 자리 숫자 < 나눔수 조건으로 생성(백의 자리에서 몫 0, 십의 자리부터 본격 나눗셈). 내림 최소 1회 발생, 최종 나머지는 있거나 없거나 혼합 출제(약 7:3 비율).
- 직전 문제 반복 금지, generateProblem() 함수 분리, 보충 연습은 틀린 나눔수 위주 출제.

상황 카드: 상황 문장과 아이콘 표시(개수가 많으니 아이콘은 묶음 배지 표현).

풀이 UI (세로식 나눗셈 + 네모 칸 입력):
- 세로식 나눗셈 CSS Grid 5열 규격: 1열=나눔수(44px), 2열=)(24px), 3열=피제수 백의 자리(84px), 4열=피제수 십의 자리(84px), 5열=피제수 일의 자리(84px). 가로선은 2열~5열 연결.
- 몫칸 2개: 몫의 십의 자리 칸은 피제수 십의 자리(4열) 위, 몫의 일의 자리 칸은 피제수 일의 자리(5열) 위 수직 정렬(백의 자리는 몫 0이므로 몫칸 없음).
- 나머지 칸: 몫의 일의 자리 칸 오른쪽 옆(점 3개 ··· 표기) — 나머지 없는 문제는 나머지 칸을 비활성(빈 칸)으로 표시하고 입력받지 않음.
- 입력 순서: 몫의 십의 자리 → 몫의 일의 자리 → (나머지 있는 문제만) 나머지. 원샷 입력(재입력 불가, 즉시 다음 칸).
- 반응: 칸별 정답 초록+"딩", 오답 빨간 배경+shake(오답 유지). 입력해야 할 모든 칸이 정답일 때만 confetti+아르페지오. 2칸 이상 오답 시 힌트 제안. 음소거/음량 버튼.

힌트 모드: 두 단계 내림 과정 단계별 표시. (예: 156÷4 → 백의 자리 1은 4로 못 나눠요, 15로 만들어요! 15÷4=3, 3이 남아요. 남은 3에 6을 내려 36! 36÷4=9 → 몫 39!)

학습 기록: 칸별 입력과 힌트 사용 여부 기록.
진행: 문제 수 선택(5/10/20), 진행률 바.

결과 화면 — 오답 분석:
- 요약 카드. 분석:
  · 두 번째 내림 누락(중간 나머지를 다음 자리로 내리지 않음) → "남은 수를 내리는 걸 두 번 해야 해요" → 단계별 내림 연습.
  · 몫의 자릿수 착각(몫을 세 자리로 생각하거나 한 자리로 착각) → "백의 자리에서 못 나누면 몫은 두 자리예요" → 몫 자릿수 판단 연습.
  · 나머지 오류(몫 착각에 연동되거나 나눔수보다 큰 나머지 입력) → "나머지는 나눔수보다 작아야 해요" → 나머지 범위 확인 습관.
  · 특정 나눔수 취약 → 해당 단 구구 연습 / 일회성 실수 → 검산 습관.
- 맞춤 보충 연습(5문제), 오답 문제 목록, 전부 정답 시 축하 파티클 + "다음 단계: 몫과 나머지 완전 정복!" 추천, "다시 연습" 버튼.

스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 스마트폰 세로 반응형.

완료 기준: 세 자리 피제수·몫 두 자리·내림 최소 1회 문제 생성, 나머지 있음/없음 혼합, 몫칸 2개+조건부 나머지 칸 원샷 입력, 오답 분석·보충 연습 동작.

📚 기술·교육 참고 링크

2022 개정 교육과정 초등 3학년 2학기 수학 나눗셈(세 자리 수 ÷ 한 자리 수) 단원 [4수01-09]
피제수 백의 자리와 나눔수의 크기 비교를 통한 몫의 최고 자릿수 어림 전략

[초등 3-2 수학] 나눗셈의 검산 - 곱셈으로 나눗셈 답을 확인하는 3단계 흐름

내가 구한 답이 진짜 맞을까? 곱셈으로 확인해요! — 나눗셈의 검산 웹앱

🔍 2022 개정 교육과정 초등학교 3학년 2학기 수학 연산 (나눗셈) — 나눗셈을 푼 뒤 "몫 × 나눔수 (+나머지) = 피제수" 검산 곱셈과 덧셈 과정을 직접 입력하여 자신의 정답을 눈으로 확인하는 습관을 길러주는 인터랙티브 웹앱입니다.

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
3단계 순차 풀이 구조	① 세로식 나눗셈의 몫(·나머지) 입력 ➔ ② 검산 곱셈(몫 × 나눔수) 자릿수별 입력 ➔ ③ 나머지가 있으면 (곱) + (나머지) = 피제수 덧셈 확인이 자동으로 이어집니다.	완성된 검산식이 일치하면 ✔ 연출과 함께 "검산 완료! 🎉"를 축하합니다.
나머지 있음/없음 혼합 출제	나머지가 있는 나눗셈(70%)과 없는 나눗셈(30%)을 섞어 출제하여 상황에 맞는 검산 전략(나머지 더하기 유무)을 스스로 판단합니다.	나누어진 개수와 남은 개수를 합해 전체 개수가 복원되는 원리를 체감합니다.
몫 착각의 검산 기반 진단	몫을 엉뚱하게 적으면 검산 곱셈이 피제수와 맞지 않음을 보여주고, "몫을 바꾸면 검산이 일치한다"는 되돌아보기 학습을 제공합니다.	틀린 몫과 맞는 몫의 검산 결과를 나란히 비교하는 연출로 오류를 직관화합니다.

2. 초보자를 위한 바이브 코딩 실전 사용 예시

프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
HTML 파일 실행 — 메모장에 붙여넣고 나눗셈검산.html로 저장한 뒤 더블클릭합니다.

제미나이 전용 에러 제로 프롬프트

2022 개정교육과정 > 초등학교 > 3학년 2학기 > 수학 > 연산 > 나눗셈 > 나눗셈의 검산 바이브 코딩 프롬프트

[유형 7] 나눗셈의 검산 연습 웹앱을 만들어줘.

목적·대상: 초등학교 3학년 2학기 학생이 "몫 × 나눔수 (+나머지) = 피제수" 검산 원리를 이용해 나눗셈의 정답을 확인하는 과정을 직접 입력하며 익히는 인터랙티브 웹앱.

기술 조건: HTML+CSS+JavaScript를 전부 포함한 단일 index.html 파일. CDN: canvas-confetti, 구글 폰트 Jua. 소리는 Web Audio API로 직접 생성. CDN 폴백 처리.

문제 생성:
- 나눗셈(피제수 두 자리 10~85, 나눔수 한 자리 2~9)을 제시. 나머지 있는 나눗셈과 없는 나눗셈을 혼합 출제(약 7:3).
- 검산 과정: ① 몫과 나머지 입력 ② 검산 곱셈 몫 × 나눔수의 곱 입력(자릿수별) ③ 나머지가 있으면 (곱) + 나머지 = 피제수 덧셈 확인.
- 직전 문제 반복 금지, generateProblem() 함수 분리, 보충 연습은 오답 단계 유형 위주 출제.

상황 카드: "나눗셈을 풀고, 곱셈으로 검산해 확인해요!" 안내와 함께 나눗셈 제시.

풀이 UI:
- 1단계 세로식 나눗셈(4열/5열 규격, 몫칸+조건부 나머지 칸)에 몫과 나머지를 원샷 입력.
- 2단계 검산 곱셈 세로식(3열 규격: 몫 × 나눔수 = 곱)이 나타나고, 곱의 각 자릿수를 원샷 입력(오른쪽부터).
- 3단계 나머지가 있는 문제는 (곱) + (나머지) = (피제수) 덧셈식이 나타나고 합의 각 자릿수를 원샷 입력 후 피제수와 일치하는 것을 시각적으로 확인(일치 표시 연출).
- 각 단계별 원샷 입력(재입력 불가), 칸별 정답 초록+"딩", 오답 빨간 배경+shake(오답 유지), 단계 완료 시 다음 단계 자동 전환. 최종 검산 완료 시 confetti+아르페지오+"검산 완료! 🎉". 2칸 이상 오답 시 힌트 제안. 음소거/음량 버튼.

힌트 모드: "몫 × 나눔수는 나누기 전 전체 개수(나머지 없을 때) 또는 나누어진 개수(나머지 있을 때)예요. 여기에 나머지를 더하면 전체 개수가 되죠!" 단계별 강조 설명 + 해당 열 플래시.

학습 기록: 단계별 입력(나눗셈 몫/나머지, 검산 곱셈, 덧셈)과 정/오, 힌트 사용 여부 기록.
진행: 문제 수 선택(5/10/20), 진행률 바(단계별 진행 포함).

결과 화면 — 오답 분석:
- 요약 카드. 분석:
  · 검산 곱셈 구구 실수 → "검산 곱셈에서 구구를 다시 확인해요" → 곱셈구구 연습.
  · 나머지 더하기 단계 실수 → "(곱) + 나머지 = 전체" 흐름 다시 보기.
  · 나눗셈 몫 착각 → 몫을 바꾸면 검산이 맞지 않음을 보여주는 비교 연출.
  · 일회성 실수 → 검산 습관 칭찬과 함께 마무리.
- 맞춤 보충 연습(5문제), 오답 문제 목록(검산 과정 다시 보기), 전부 정답 시 축하 파티클 + "이제 나눗셈 단원 완성! 잘했어요 🎉" 추천, "다시 연습" 버튼.

스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 스마트폰 세로 반응형.

완료 기준: 나눗셈→검산 곱셈→(+나머지) 덧셈 3단계 흐름 동작, 단계별 원샷 입력, 검산 일치 연출, 오답 분석·보충 연습 동작.

📚 기술·교육 참고 링크

2022 개정 교육과정 초등 3학년 2학기 수학 나눗셈(나눗셈의 검산) 단원 [4수01-09]
나눗셈과 곱셈의 역연산 관계를 활용한 검산(Checking by Inverse Operation) 지도법

[초등 3-2 수학] 나눗셈의 몫과 나머지 - 상황 그림으로 익히는 나머지의 본질

똑같이 나누어주고 몇 개가 남았을까요? — 나눗셈의 몫과 나머지 개념 웹앱

🍬 2022 개정 교육과정 초등학교 3학년 2학기 수학 연산 (나눗셈) — 나머지가 항상 1 이상 발생하는 나눗셈(예: 13 ÷ 3 = 4 ··· 1, 17 ÷ 5 = 3 ··· 2)을 상황 그림과 함께 직접 풀어보며 몫(한 사람당 받는 개수)과 나머지(남은 개수)의 수학적 의미를 체감하는 인터랙티브 웹앱입니다.

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역	초보자를 위한 쉬운 설명	이렇게 한번 써보세요!
나머지가 항상 있는 문제만 엄선	나머지가 1 이상인 문제만 출제되어, 몫과 나머지를 동시에 구하고 각각의 네모 칸에 입력하는 훈련에 집중합니다.	상황 문장("사탕 13개를 3명에게 나누어 주면 몇 개가 남을까요?")과 아이콘으로 의미를 직관화합니다.
몫칸과 나머지 칸(···) 2개 입력	피제수 일의 자리 위 몫칸을 채우고, 우측의 나머지 칸으로 자동 이동하여 순차적으로 원샷 입력합니다.	몫과 나머지 두 칸을 모두 맞혀야만 정답 축하 아르페지오가 울립니다.
몫과 나머지 위치 바꿈 오류 정밀 진단	13÷3의 답을 '몫 1, 나머지 4'처럼 두 값의 위치를 거꾸로 쓰는 학생들의 인지적 실수를 정확히 짚어냅니다.	"몫은 한 사람당 개수, 나머지는 남은 개수예요" 역할 구분 처방을 제공합니다.

2. 초보자를 위한 바이브 코딩 실전 사용 예시

프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
역질문 답변 — 제미나이가 묻는 기본 문제 수 설정에 답합니다.
HTML 파일 실행 — 메모장에 붙여넣고 몫과나머지.html로 저장한 뒤 더블클릭합니다.

제미나이 전용 에러 제로 프롬프트

2022 개정교육과정 > 초등학교 > 3학년 2학기 > 수학 > 연산 > 나눗셈 > 나눗셈의 몫과 나머지 바이브 코딩 프롬프트

[유형 6] 나눗셈의 몫과 나머지 개념 연습 웹앱을 만들어줘.

목적·대상: 초등학교 3학년 2학기 학생이 나머지가 있는 나눗셈에서 몫과 나머지의 의미("나누어진 몫"과 "남은 수")를 상황 그림과 함께 체감하고 두 값을 직접 입력하는 개념 연습 웹앱.

기술 조건: HTML+CSS+JavaScript를 전부 포함한 단일 index.html 파일. CDN: canvas-confetti, 구글 폰트 Jua. 소리는 Web Audio API로 직접 생성. CDN 폴백 처리.

문제 생성:
- 피제수는 두 자리 수(10~85), 나눔수는 한 자리 수(2~9), 몫은 한 자리 수(1~9), 나머지는 항상 1 이상(나눔수보다 작은 수)으로 생성 — 나머지가 있는 나눗셈만 출제.
- 곱셈구구 범위 내에서 몫이 쉽게 도출되도록(예: 13÷3=4 ··· 1, 17÷5=3 ··· 2).
- 직전 문제 반복 금지, generateProblem() 함수 분리, 보충 연습은 틀린 나눔수 위주 출제.

상황 카드: 상황 문장(예: "사탕 13개를 3명에게 똑같이 나누어 주면 한 명당 몇 개, 몇 개가 남을까요?")과 실제 개수의 아이콘 표시.

풀이 UI (세로식 나눗셈 + 네모 칸 입력):
- 세로식 나눗셈 CSS Grid 5열 규격: 나눔수(44px) / )(24px) / 피제수 십의 자리(84px) / 피제수 일의 자리(84px) / 나머지 칸(84px). 가로선 2열~4열(또는 5열).
- 몫칸(피제수 일의 자리 위 수직 정렬) + 나머지 칸(몫칸 오른쪽 옆, 점 3개 ··· 표기) 두 개의 입력 칸.
- 입력 순서: 몫 → 나머지. 원샷 입력(재입력 불가, 즉시 다음 칸).
- 반응: 칸별 정답 초록+"딩", 오답 빨간 배경+shake(오답 유지). 두 칸 모두 정답일 때만 confetti+아르페지오+"정답! 🎉". 오답 있으면 축하 없이 자동 이동. 2칸 모두 오답 시 힌트 제안. 음소거/음량 버튼.

힌트 모드: 아이콘을 하나씩 돌아가며 나누어 주는 애니메이션 → "한 명당 몇 개, 몇 개가 남는지" 시각화로 몫과 나머지 동시 도출.

학습 기록: 몫·나머지 입력값과 정/오, 힌트 사용 여부 기록.
진행: 문제 수 선택(5/10/20), 진행률 바.

결과 화면 — 오답 분석:
- 요약 카드. 분석:
  · 몫과 나머지 위치 바꿈(두 값이 서로 뒤바뀜) → "몫은 한 사람당 개수, 나머지는 남은 개수예요" → 역할 구분 연습.
  · 나머지를 0 또는 나눔수 이상으로 입력 → "나머지는 남는 수라서 나눔수보다 작아야 해요" → 나머지 범위 확인 연습.
  · 몫 착각(정답±1, 2회 이상) → 나눔수 단 구구로 몫 찾고 남는 수 확인하는 연습.
  · 특정 나눔수 취약 → 해당 단 구구 연습 / 일회성 실수 → 몫×나눔수+나머지=피제수 검산 습관.
- 맞춤 보충 연습(5문제), 오답 문제 목록(나누어 주기 애니메이션 다시 보기), 전부 정답 시 축하 파티클 + "다음 단계: 나눗셈의 검산 도전!" 추천, "다시 연습" 버튼.

스타일: 밝은 색감, 큰 글자·터치 영역, 여백 절제, 스마트폰 세로 반응형.

완료 기준: 나머지 1 이상 나눗셈만 생성, 몫칸+나머지 칸 원샷 입력, 몫/나머지 혼동 진단 포함 오답 분석, 보충 연습 동작.

📚 기술·교육 참고 링크

2022 개정 교육과정 초등 3학년 2학기 수학 나눗셈(몫과 나머지) 단원 [4수01-09]
나머지가 있는 나눗셈에서 잉여분(Remainder)의 실물 모델 시각화 전략