질문이 바뀌면 인공지능의 대답이 달라진다! — 초등 교과 맞춤형 AI 글쓰기/탐구 프롬프트 보물창고 웹앱 제작 프로젝트
💡 초등 3~6학년 전교과(국어, 사회, 과학, 도덕) 및 실과 '인공지능과 프롬프트 엔지니어링' 융합 — 인공지능을 쓸 때 가장 큰 벽은 "도대체 뭐라고 질문해야 할지 모른다"는 점입니다. 국어 주장하는 글쓰기, 과학 실험 가설 설정, 사회 역사 인물 가상 인터뷰 등 교과별 최적화된 질문 공식(역할-맥락-지시-제약조건)을 카드 형태로 정리하고, 빈칸 채우기 방식으로 나만의 완성형 프롬프트를 조립해 복사하는 학급 프롬프트 라이브러리 웹앱입니다.
📖 한 줄 정의
심기 모드(데이터 임베딩): API 데이터를 미리 받아 HTML 파일 안 상수로 박아두는 방식(앱 실행 중 외부 통신 0).
학내망 원칙: 학생 개인정보(실명·의견·성적·상담 기록)의 외부 수집·저장·전송 금지(쿼리에 학생 데이터가 담기는 외부 API 호출 포함) — 일반 공개 쿼리의 외부 호출은 허용하며, 학생 배포본은 심기 폴백(EMBED 상수)을 항상 내장한다.
1. 3대 핵심 분석 비교표
| 무엇이 바뀌었나요? / 영역 | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 단순 검색어 vs 4대 프롬프트 공식 | "독도에 대해 알려줘" 대신 [역할 + 맥락 + 지시 + 제약] 4개 블록을 조립하여 전문가 수준의 고품질 답변을 끌어냅니다. | 빈칸에 '초등 5학년', '역사 기자' 키워드를 채워 넣고 '프롬프트 복사' 클릭. |
| 교과 단원별 분류 탭 | 국어(글쓰기/토론), 사회(역사/지리), 과학(가설/관찰), 도덕(갈등 해결) 등 수업 시간에 딱 맞는 카테고리를 지원합니다. | 사회 시간: '역사 속 인물 인터뷰' 템플릿으로 이순신 장군에게 질문 던지기. |
| 클립보드 원클릭 복사 | 조립된 완성 문장이 버튼 하나로 복사되어, 제미나이(Gemini)나 클로드(Claude) 입력창에 바로 붙여넣을 수 있습니다. | 오탈자 걱정 없이 복사된 고품격 프롬프트로 깊이 있는 AI 대화 시작. |
3. 초보자를 위한 바이브 코딩 실전 사용 예시
- 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트'를 복사합니다.
- 역질문 답변 — 제미나이가 묻는 집중 교과(국어/사회/과학)에 답합니다.
- HTML 파일 실행 — 메모장에 붙여넣고
프롬프트보물창고.html로 저장 후 더블클릭합니다.
제미나이 전용 에러 제로 프롬프트
[🚨 에러 방지 기본 안전장치]
1. 단일 HTML 파일 완결성: 외부 라이브러리나 서버 없이 순수 바닐라 HTML/CSS/JS로 완성한다.
2. 심기 모드(데이터 임베딩): const PROMPTS_DATA = [...] 상수에 국어, 사회, 과학, 도덕 등 4대 교과별 프롬프트 템플릿 8개 이상을 내장한다.
3. 교과별 탭 필터링: 상단 버튼(전체, 국어, 사회, 과학, 도덕) 클릭 시 해당 교과의 템플릿 카드만 필터링하여 보여준다.
4. 조립 및 복사 기능: 템플릿 카드 클릭 시 빈칸 입력 모달/영역이 뜨며, 입력 완료 후 '📋 클립보드 복사' 버튼 클릭 시 완성된 프롬프트가 복사되고 '복사 완료!' 안내가 뜬다.
5. 학생 개인정보 0: 학생 이름이나 개인 식별 정보는 일절 입력받지 않는다.
6. // TODO, /* 생략 */ 등의 미완성 코드는 절대 넣지 말고 끝까지 완성한다.
[❓ 역질문 유도]
코드를 즉시 작성하지 말고, 기획을 구체화하기 위한 다음 3가지 질문을 먼저 나에게 던져줘:
1. 가장 중심이 되는 교과 1~2개(예: 5학년 사회 역사, 6학년 과학 지구와 달)를 지정할까요?
2. 프롬프트 카드 색상을 교과별 고유 파스텔 톤(국어=분홍, 사회=노랑, 과학=초록, 도덕=하늘)으로 구분할까요?
3. 학생들이 새로운 나만의 질문 공식을 추가할 수 있는 커스텀 카드 만들기 기능을 넣을까요?🎯 에디터 한줄평
"인공지능 시대의 문해력은 '얼마나 답을 잘 외우는가'가 아니라 '원하는 지식을 이끌어내기 위해 어떤 질문의 뼈대를 세우는가'로 바뀝니다. 역할과 제약조건을 채워 넣으며 완성도 높은 프롬프트를 직접 조립해보는 이 보물창고 웹앱은 우리 아이들을 단순한 AI 수용자에서 유능한 AI 지휘관으로 이끄는 최고의 나침반입니다."
📚 기술·교육 참고 링크
- 초등 프롬프트 엔지니어링 4대 원칙(역할, 맥락, 지시, 제약) 교육 안내서
- 교육과정 연계: 초등 3~6학년 국어(글쓰기와 질문), 사회(탐구 리서치), 실과(인공지능 리터러시)
