초등학교 3학년 수학 cm와 mm 단위 변환 연습 웹앱 생성 COSTAR 프롬프트
https://gemini.google.com/share/cfc353c635b5
1. Context (배경)
학생들이 특정 수학 개념을 학습한 후 스스로 연습할 수 있는 디지털 도구를 만들려고 합니다. 현재 학습 주제는 [3학년 1학기 '길이와 시간' - cm와 mm의 관계]입니다.
2. Objective (목표)
학생들이 학습한 개념을 무작위 문제 풀이를 통해 복습하고, 즉각적인 피드백(오답 풀이)을 받을 수 있는 '단일 파일(Single File) HTML 웹앱'을 생성하는 것입니다.
3. Style (스타일)
디자인: 초등학생의 눈높이에 맞춘 밝고 친절한 UI. (Tailwind CSS 활용)
톤앤매너: 격려하는 말투, 직관적인 아이콘 사용, 가독성이 좋은 폰트 크기.
피드백: 정답일 때는 축하 메시지, 오답일 때는 학습 원리를 차근차근 설명하는 교육적 접근.
4. Tone (어조)
친절하고 다정한 선생님 같은 어조.
"정말 대단해요!", "원리를 다시 살펴볼까요?" 등 긍정적인 강화 사용.
5. Audience (대상)
주요 사용자: 초등학교 [3학년] 학생들.
특징: 복잡한 설정 없이 바로 시작할 수 있어야 하며, 모바일/태블릿 터치 입력이 쉬워야 함.
6. Response (응답 형식 및 요구사항)
반드시 아래의 기술적/내용적 조건을 포함한 단일 HTML 파일을 생성하세요.
[기술적 요구사항]
Single File: 모든 HTML, CSS(Tailwind), JavaScript를 하나의 파일에 포함.
Dynamic Content: '다시 풀기' 클릭 시 JavaScript로 [10문제]를 무작위 생성 (중복 최소화).
Responsive: PC, 태블릿, 스마트폰 화면에서 모두 잘 보일 것.
No External Assets: 외부 이미지 파일 대신 이모지(Emoji)나 인라인 SVG 사용.
[기능적 요구사항]
문제 구성: [cm/mm -> mm] 변환과 [mm -> cm/mm] 변환을 5:5 비율로 섞음.
진행 표시: 상단에 진행 표시줄(Progress Bar) 노출.
채점 및 결과:
점수를 시각적으로 표시.
오답 풀이 세션: 각 틀린 문제에 대해 [1 cm = 10 mm]와 같은 핵심 원리를 적용한 상세 설명 제공.
다시 풀기: 데이터 초기화 및 새로운 문제 세트 생성 기능.
[입력 데이터 (가변)]
학년/단원: 3학년 1학기 3단원 길이와 시간
핵심 원리: 1 cm = 10 mm
수치 범위: 1 ~ 30 사이의 자연수
