📢 핵심 30초 요약
웹툰 작가, 우주비행사, 수의사와 직접 대화하며 면담 기사를 써요! 구글 제미나이(Gemini)에 프롬프트를 입력하면, [직업별 롤모델 페르소나 AI 챗봇 + 4대 질문 생성 도우미 툴바 + 실시간 TTS 음성 답변 + A4 인물 취재 기사문 자동 조판]이 지원되는 단일 HTML 국어·진로 융합 웹앱이 완성됩니다.
선생님, 그리고 아이들에게 질문의 힘을 길러주고 미래 직업 세계에 대한 꿈을 생생하게 심어주고 싶으신 교육자 여러분 안녕하세요! 프롬프트로 배우는 바이브 코딩 블로그 에디터입니다. 😊
초등 6학년 국어 '면담(인터뷰)하기' 단원이나 진로 교육 시간에 "실제 전문가를 교실로 모시기 어려워 가상 짝활동으로 진행하다 보니 질문과 답변이 단조로워져 아쉬웠던 경험" 다들 있으실 텐데요.
구글 제미나이(Gemini)용 바이브 코딩 프롬프트 하나면, 학생들이 자신이 꿈꾸는 웹툰 작가, 로봇 공학자, 셰프, 운동선수 챗봇과 실시간으로 인터뷰를 나누고, 대화 내용을 바탕으로 A4 1장짜리 멋진 '인물 탐구 취재 기사 신문'까지 출력하는 융합 학습 웹앱을 단 1분 만에 구축할 수 있답니다!
📊 제미나이 롤모델 인터뷰 챗봇의 3가지 핵심 기능
국어과 면담·질문 역량과 진로 탐색을 결합한 인터랙티브 생성형 미디어 기능입니다.
| 무엇이 바뀌었나요? (영역) | 초보자를 위한 쉬운 설명 | 이렇게 한번 써보세요! |
|---|---|---|
| 🎭 직업별 롤모델 페르소나 (Persona Engine) |
웹툰 작가, 수의사, AI 공학자, 셰프 등 6대 직업군 챗봇이 실제 전문가의 생생한 경험담과 슬럼프 극복기를 답변합니다. | "아이디어가 안 떠오를 땐 어떻게 하시나요?" 생생한 질문 던지기 |
| 💡 4대 질문 생성 도우미 (Questioning Scaffolding) |
질문이 막막한 학생을 위해 [직업 계기, 슬럼프 극복, 업무 노하우, 초등생 조언] 추천 질문 칩을 원터치로 제공합니다. | 좋은 질문을 고르고 발전시키는 국어과 질문 생성 스캐폴딩 |
| 📰 A4 인물 취재 기사 조판 (Article Auto-Publisher) |
'기사 생성' 버튼을 누르면 주고받은 대화가 헤드라인, 취재 내용, 기자의 한 줄 소감이 담긴 신문 기사로 자동 조판됩니다. | 국어과 글쓰기 수행평가 포트폴리오 인쇄 및 학급 신문 게시 |
💡 초보자를 위한 바이브 코딩 실전 사용 예시
초보자도 에러 없이 바로 실행할 수 있도록 '에러 방지 기본 안전장치(API 키 없는 내장 시뮬레이션 모드 지원, Web Speech TTS 낭독, 인쇄 전용 Print CSS)'가 내장되고, 우리 반 진로 테마에 맞게 조율하는 '거꾸로 프롬프트(Reverse Prompting)'가 적용된 제미나이 전용 만능 프롬프트입니다.
🪄 제미나이 전용 '롤모델 가상 인터뷰 챗봇' 만능 프롬프트
"당신은 초등 국어(면담하기)·진로 융합 교육 및 인터랙티브 AI 챗봇 웹앱 전문 개발자입니다.
학생이 롤모델과 질의응답을 나누고 인물 취재 기사문을 완성하는 '내가 만난 롤모델 가상 인터뷰 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[에러 방지 기본 환경 세팅 (Zero-Error Baseline)]
1. 오프라인 자립형 시뮬레이션 엔진: 외부 API 키 없이도 작동하는 '전문가 지식 기반 규칙형 응답 시뮬레이터'를 기본 탑재하고, 실제 Gemini API 키 입력 창을 선택형으로 제공해 주세요.
2. Web Speech API TTS 음성 낭독: 롤모델 답변 시 타자기 타이핑 효과와 함께 따뜻한 한국어 음성 낭독 지원
3. 로컬스토리지 대화 보관: 인터뷰 대화록이 새로고침 후에도 유지되도록 안전 보관
4. 코드 생략 금지: 주석 생략 없이 복사하여 즉시 브라우저에서 실행 가능한 100% 완전한 단일 HTML 코드로 출력해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 6대 직업별 롤모델 페르소나 라이브러리:
- 🎨 웹툰 작가, 🚀 AI 로봇공학자, 🐾 수의사, 🧑🍳 마스터 셰프, ⚽ 프로 축구선수, ⚙️ [나만의 롤모델 직접 등록]
2. 인터랙티브 인터뷰 대화창 & 질문 추천 칩:
- 하단에 [계기, 슬럼프 극복, 노하우, 미래 조언] 4대 추천 질문 칩 제공 (클릭 시 자동 타이핑)
3. A4 1장 '인물 탐구 취재 기사 신문(Print CSS)' 자동 발행:
- '📰 기사문 발행' 클릭 시 [기사 제목, 취재 기자 이름, 핵심 문답 요약, 기자의 취재 후기]가 정돈된 고품질 신문 레이아웃으로 렌더링 (🖨️ 인쇄 및 PDF 저장)
4. 디자인: 친근하고 세련된 기자 취재 수첩 테마의 크림/네이비 UI (크롬북, 스마트패드 완벽 호환)
코드를 작성하기 전, 추가하고 싶은 특정 롤모델 직업군이나 기사문 양식(신문형 vs 보고서형)을 나에게 2가지 질문을 먼저 물어봐줘."
학생이 롤모델과 질의응답을 나누고 인물 취재 기사문을 완성하는 '내가 만난 롤모델 가상 인터뷰 웹앱'을 단일 HTML 파일(HTML+CSS+JS 내장)로 제작해 주세요.
[에러 방지 기본 환경 세팅 (Zero-Error Baseline)]
1. 오프라인 자립형 시뮬레이션 엔진: 외부 API 키 없이도 작동하는 '전문가 지식 기반 규칙형 응답 시뮬레이터'를 기본 탑재하고, 실제 Gemini API 키 입력 창을 선택형으로 제공해 주세요.
2. Web Speech API TTS 음성 낭독: 롤모델 답변 시 타자기 타이핑 효과와 함께 따뜻한 한국어 음성 낭독 지원
3. 로컬스토리지 대화 보관: 인터뷰 대화록이 새로고침 후에도 유지되도록 안전 보관
4. 코드 생략 금지: 주석 생략 없이 복사하여 즉시 브라우저에서 실행 가능한 100% 완전한 단일 HTML 코드로 출력해 주세요.
[핵심 요구 기능 및 기술 사양]
1. 6대 직업별 롤모델 페르소나 라이브러리:
- 🎨 웹툰 작가, 🚀 AI 로봇공학자, 🐾 수의사, 🧑🍳 마스터 셰프, ⚽ 프로 축구선수, ⚙️ [나만의 롤모델 직접 등록]
2. 인터랙티브 인터뷰 대화창 & 질문 추천 칩:
- 하단에 [계기, 슬럼프 극복, 노하우, 미래 조언] 4대 추천 질문 칩 제공 (클릭 시 자동 타이핑)
3. A4 1장 '인물 탐구 취재 기사 신문(Print CSS)' 자동 발행:
- '📰 기사문 발행' 클릭 시 [기사 제목, 취재 기자 이름, 핵심 문답 요약, 기자의 취재 후기]가 정돈된 고품질 신문 레이아웃으로 렌더링 (🖨️ 인쇄 및 PDF 저장)
4. 디자인: 친근하고 세련된 기자 취재 수첩 테마의 크림/네이비 UI (크롬북, 스마트패드 완벽 호환)
코드를 작성하기 전, 추가하고 싶은 특정 롤모델 직업군이나 기사문 양식(신문형 vs 보고서형)을 나에게 2가지 질문을 먼저 물어봐줘."
🏃 실전 적용 3단계 순서
- 1단계 (제미나이에 프롬프트 입력): 위 프롬프트를 복사하여 구글 제미나이에 전달하고, 우리 반 진로 수업 주제에 맞춰 AI 질문에 답합니다.
- 2단계 (HTML 파일 저장): 제미나이가 완성해 준 단일 HTML 코드를 메모장에 붙여넣고
rolemodel_interview.html로 저장합니다. - 3단계 (크롬북 면담 수업): 학생들이 롤모델과 1:1로 질문을 주고받고 멋진 취재 기사 신문을 인쇄하며 생생한 진로 탐색을 완료합니다!
🎯 에디터 한줄평
"좋은 질문은 마음의 문을 열고 깊은 지혜를 이끌어냅니다. 제미나이 바이브 코딩으로 아이들에게 롤모델과 눈을 맞추며 꿈을 구체화하는 특별한 인터뷰를 선물해 보세요!"
📌 구글 제미나이 웹 및 개발자 리소스
Google Gemini 공식 포털 바로가기 🔗
