목록으로
교육·학습을 위한 AI 활용
AI 기반 수강생 맞춤 설문 및 강사 통합 대시보드
남녀노소 초보 시민 대상 '바이브 코딩' 강좌를 위한 AI 기반 수강생 맞춤 설문 및 강사 통합 대시보드 웹앱 구축
🤖 활용 AI 도구
AI 스튜디오
① 어떤 상황에서 AI를 활용했나요?
(1) 배경 및 현장의 난제:
디지털 소외 계층 및 코딩 경험이 없는 남녀노소 초보 시민을 대상으로 평생학습관에서 개설한 ‘바이브 코딩(Vibe Coding) 기초 강좌’ 운영 시, 수강생마다 연령대, 컴퓨터 활용 능력, 희망 시간대, 관심 주제(업무 자동화, AI 챗봇, 블로그 제작 등)가 극명하게 달랐습니다. 이로 인해 일방적인 획일적 커리큘럼으로는 중도 수강 포기율이 높아지는 문제가 있었습니다.
(2) AI 도입 목적:
수강생 개개인의 요구사항을 정밀하게 수집·분석하고, 강사가 이에 맞춰 최적화된 맞춤형 커리큘럼을 즉시 설계할 수 있도록 개발 지식 없이도 구글 AI 스튜디오를 활용하여 완벽한 '수강생 맞춤 설문 및 강사용 통합 대시보드 웹앱'을 구축하고자 했습니다.
② 어떤 AI를 어떻게 활용했나요?
(1) 활용 AI 및 기술 스택:
구글 AI 스튜디오(Google AI Studio, Gemini 3.6 Flash / Antigravity Agent),
Gemini API (@google/genai SDK), Google Drive Integration API
(2) 구체적 활용 방법:
- 자연어 기반 프롬프팅으로 풀스택 웹앱 생성:
코딩을 직접 하지 않고 구글 AI 스튜디오와의 자연어 대화를 통해 '수강생 설문지
UI', '비밀번호 보호 강사 대시보드', '시각화 차트(Recharts)'를 한 번에 설계 및
구축했습니다.
- Gemini API 기반 맞춤 커리큘럼 자동 추천 엔진 탑재:
수강생들이 제출한 설문 응답(선호 요일/시간, 코딩 수준, 관심 분야) 데이터를
대시보드 내에서 Gemini AI가 실시간 분석하여, 해당 반에 최적화된 1~4주차
맞춤 수업 가이드 및 커리큘럼을 자동 생성하도록 개발했습니다.
- 4단계 교육용 모듈 프롬프트 설계:
초보 수강생이 수업 시간에 똑같이 따라 만들어볼 수 있도록 1단계(기본 정보)
2단계(경험/주제) 3단계(대시보드/차트) 4단계(AI추천/수강생 관리)로 나누어진
실습용 단계별 프롬프트를 앱 내에 내장했습니다.
- Google Drive 원클릭 연동:
사용자가 만든 프롬프트를 클릭 한 번으로 본인의 구글 드라이브에 텍스트
파일로 저장하는 클라우드 연동 기능을 구현했습니다.
③ 활용 결과 어떤 변화가 있었나요?
- 개발 생산성 95% 이상 혁신 (수 주 단 몇 시간):
전문 개발자 없이 구글 AI 스튜디오를 활용해 단 몇 시간 만에 반응형 웹 UI, 시각화 차트, 검색/필터링, CSV 다운로드, AI 분석까지 갖춘 고품질 웹앱을 완성했습니다.
- 수강생 만족도 및 강사 편의성 대폭 향상:
요일별/시간대별/관심사별 응답이 차트로 시각화되고 AI가 맞춤 커리큘럼까지 추천해 주어 강사의 수업 준비 시간이 80% 이상 단축되었으며, 수강생들의 수업 집중도가 극대화되었습니다.
- 초보 시민의 AI 코딩 진입 장벽 완전 해소:
수강생들이 앱을 사용하는 것에 그치지 않고, 앱 내 내장된 프롬프트를 통해 "나도 10분 만에 이런 유용한 앱을 만들 수 있다"는 강력한 동기부여와 성공 경험을 제공받았습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
[개선 1] 초보자 맞춤형 4단계 실습 로드맵 제공 (앱 내 내장):
거대한 프롬프트 하나로 생성하는 부담을 없애고, 1~4단계로 나뉘어 앱이 조금씩
완성되는 과정을 체감할 수 있는 '단계별 프롬프트 탭'과 복사 기능을 UI로 탑재
했습니다.
[개선 2] 단순 데이터 수집을 넘어선 'AI 분석 커리큘럼 엔진':
단순히 설문 결과를 저장하는 기존 폼 툴(Google Forms 등)과 달리, 수집된
수강생들의 응답 데이터를 Gemini AI가 종합 분석하여 강사에게 실천 가능한
주차별 맞춤 강의 가이드를 리포트로 제시해 줍니다.
[개선 3] Google Drive 구글 인증 연동 저장 기능:
수업 중 작성하거나 공부한 AI 프롬프트를 유실하지 않도록 구글 로그인 계정과
연동하여 바로 구글 드라이브로 내보내는(Export) 사용자 친화적 경험을
제공합니다.
[개선 4] 실무 수준의 완성도 높은 UX/UI:
비밀번호 보안 인증 모달, 검색 및 필터링, 데이터 리셋(Reset), CSV 파일
다운로드 등 교육 현장에서 즉시 활용 가능한 실용적 기능을 반영했습니다.
⑤ 다른 사람도 따라 할 수 있나요?
- 네, 100% 누구나 그대로 따라 할 수 있습니다!
- 이유 및 가이드:
* 코딩 지식 불필요: 복잡한 개발 언어(HTML/JS/Python)를 배우지 않고,
구글 AI 스튜디오에 한글 자연어 프롬프트만 전달하면 똑같이 작동하는 웹앱을
만들 수 있습니다.
* 원클릭 프롬프트 제공: 완성된 앱 상단의 [Google Drive에 프롬프트 저장] 버튼을
누르거나, 앱 내 1~4단계 프롬프트를 복사하여 AI 스튜디오에 붙여넣기만 하면
초보 시민도 10분 만에 똑같은 웹앱을 복제·제작할 수 있습니다.
* 교육 현장 즉시 적용 가능: 본 사례 자체가 교육용 실습 예제로 완벽히 규격화되어
있어, 타 기관이나 강좌에서도 교재 및 실습용으로 즉시 활용 가능합니다.
(1) 배경 및 현장의 난제:
디지털 소외 계층 및 코딩 경험이 없는 남녀노소 초보 시민을 대상으로 평생학습관에서 개설한 ‘바이브 코딩(Vibe Coding) 기초 강좌’ 운영 시, 수강생마다 연령대, 컴퓨터 활용 능력, 희망 시간대, 관심 주제(업무 자동화, AI 챗봇, 블로그 제작 등)가 극명하게 달랐습니다. 이로 인해 일방적인 획일적 커리큘럼으로는 중도 수강 포기율이 높아지는 문제가 있었습니다.
(2) AI 도입 목적:
수강생 개개인의 요구사항을 정밀하게 수집·분석하고, 강사가 이에 맞춰 최적화된 맞춤형 커리큘럼을 즉시 설계할 수 있도록 개발 지식 없이도 구글 AI 스튜디오를 활용하여 완벽한 '수강생 맞춤 설문 및 강사용 통합 대시보드 웹앱'을 구축하고자 했습니다.
② 어떤 AI를 어떻게 활용했나요?
(1) 활용 AI 및 기술 스택:
구글 AI 스튜디오(Google AI Studio, Gemini 3.6 Flash / Antigravity Agent),
Gemini API (@google/genai SDK), Google Drive Integration API
(2) 구체적 활용 방법:
- 자연어 기반 프롬프팅으로 풀스택 웹앱 생성:
코딩을 직접 하지 않고 구글 AI 스튜디오와의 자연어 대화를 통해 '수강생 설문지
UI', '비밀번호 보호 강사 대시보드', '시각화 차트(Recharts)'를 한 번에 설계 및
구축했습니다.
- Gemini API 기반 맞춤 커리큘럼 자동 추천 엔진 탑재:
수강생들이 제출한 설문 응답(선호 요일/시간, 코딩 수준, 관심 분야) 데이터를
대시보드 내에서 Gemini AI가 실시간 분석하여, 해당 반에 최적화된 1~4주차
맞춤 수업 가이드 및 커리큘럼을 자동 생성하도록 개발했습니다.
- 4단계 교육용 모듈 프롬프트 설계:
초보 수강생이 수업 시간에 똑같이 따라 만들어볼 수 있도록 1단계(기본 정보)
2단계(경험/주제) 3단계(대시보드/차트) 4단계(AI추천/수강생 관리)로 나누어진
실습용 단계별 프롬프트를 앱 내에 내장했습니다.
- Google Drive 원클릭 연동:
사용자가 만든 프롬프트를 클릭 한 번으로 본인의 구글 드라이브에 텍스트
파일로 저장하는 클라우드 연동 기능을 구현했습니다.
③ 활용 결과 어떤 변화가 있었나요?
- 개발 생산성 95% 이상 혁신 (수 주 단 몇 시간):
전문 개발자 없이 구글 AI 스튜디오를 활용해 단 몇 시간 만에 반응형 웹 UI, 시각화 차트, 검색/필터링, CSV 다운로드, AI 분석까지 갖춘 고품질 웹앱을 완성했습니다.
- 수강생 만족도 및 강사 편의성 대폭 향상:
요일별/시간대별/관심사별 응답이 차트로 시각화되고 AI가 맞춤 커리큘럼까지 추천해 주어 강사의 수업 준비 시간이 80% 이상 단축되었으며, 수강생들의 수업 집중도가 극대화되었습니다.
- 초보 시민의 AI 코딩 진입 장벽 완전 해소:
수강생들이 앱을 사용하는 것에 그치지 않고, 앱 내 내장된 프롬프트를 통해 "나도 10분 만에 이런 유용한 앱을 만들 수 있다"는 강력한 동기부여와 성공 경험을 제공받았습니다.
④ 나만의 방식 또는 개선 포인트는 무엇인가요?
[개선 1] 초보자 맞춤형 4단계 실습 로드맵 제공 (앱 내 내장):
거대한 프롬프트 하나로 생성하는 부담을 없애고, 1~4단계로 나뉘어 앱이 조금씩
완성되는 과정을 체감할 수 있는 '단계별 프롬프트 탭'과 복사 기능을 UI로 탑재
했습니다.
[개선 2] 단순 데이터 수집을 넘어선 'AI 분석 커리큘럼 엔진':
단순히 설문 결과를 저장하는 기존 폼 툴(Google Forms 등)과 달리, 수집된
수강생들의 응답 데이터를 Gemini AI가 종합 분석하여 강사에게 실천 가능한
주차별 맞춤 강의 가이드를 리포트로 제시해 줍니다.
[개선 3] Google Drive 구글 인증 연동 저장 기능:
수업 중 작성하거나 공부한 AI 프롬프트를 유실하지 않도록 구글 로그인 계정과
연동하여 바로 구글 드라이브로 내보내는(Export) 사용자 친화적 경험을
제공합니다.
[개선 4] 실무 수준의 완성도 높은 UX/UI:
비밀번호 보안 인증 모달, 검색 및 필터링, 데이터 리셋(Reset), CSV 파일
다운로드 등 교육 현장에서 즉시 활용 가능한 실용적 기능을 반영했습니다.
⑤ 다른 사람도 따라 할 수 있나요?
- 네, 100% 누구나 그대로 따라 할 수 있습니다!
- 이유 및 가이드:
* 코딩 지식 불필요: 복잡한 개발 언어(HTML/JS/Python)를 배우지 않고,
구글 AI 스튜디오에 한글 자연어 프롬프트만 전달하면 똑같이 작동하는 웹앱을
만들 수 있습니다.
* 원클릭 프롬프트 제공: 완성된 앱 상단의 [Google Drive에 프롬프트 저장] 버튼을
누르거나, 앱 내 1~4단계 프롬프트를 복사하여 AI 스튜디오에 붙여넣기만 하면
초보 시민도 10분 만에 똑같은 웹앱을 복제·제작할 수 있습니다.
* 교육 현장 즉시 적용 가능: 본 사례 자체가 교육용 실습 예제로 완벽히 규격화되어
있어, 타 기관이나 강좌에서도 교재 및 실습용으로 즉시 활용 가능합니다.