군포중앙고등학교 AI 바이브코딩 교육 - 학생이 고른 주제를 웹 프로토타입과 발표 자료로 표현한 수업

군포중앙고등학교 학생들은 2026년 7월 AI 바이브코딩 교육에서 무장애 공공시설 정보를 담은 웹서비스 프로토타입을 만들고, 탄소발자국 캠페인과 스마트 토너패드 케이스 아이디어를 발표 자료로 정리했습니다. 교풀에듀가 제안한 세 가지 기획안도 함께 정리했습니다.
Gyopool Manager's avatar
Sep 17, 2026
군포중앙고등학교 AI 바이브코딩 교육 - 학생이 고른 주제를 웹 프로토타입과 발표 자료로 표현한 수업

사례 요약

기관

군포중앙고등학교

일정

2026년 7월

프로그램

생성형 AI·바이브코딩

교구·도구

태블릿, 교풀AI, Gemini, Canva

결과물

진로 포트폴리오, ‘AI 바이브코딩을 활용한 문제 해결 프로젝트’ 제출 파일, 웹서비스 프로토타입, 발표 자료

군포중앙고등학교 학생들은 2026년 7월 AI 바이브코딩 교육에서 자신이 고른 주제를 웹서비스 프로토타입과 발표 자료로 표현했습니다. 교육 결과 자료에는 진로 포트폴리오와 ‘AI 바이브코딩을 활용한 문제 해결 프로젝트’ 제출 파일이 정리되어 있습니다. 교풀에듀는 학교에 세 가지 기획안을 제안하고 교육을 진행했습니다.

학교에 제안한 세 가지 기획안

교풀에듀가 군포중앙고등학교에 낸 7월 제안 자료에는 ‘AI 바이브코딩을 활용한 융합형 캠페인 기획’, ‘AI 진로 융합 프로젝트 기획’, ‘AI 융합 창업 마케팅 프로젝트’ 세 가지 기획안이 들어 있습니다. 세 기획안 모두 기술보다 학생이 탐색할 주제와 표현할 내용을 먼저 둡니다.

  • 캠페인 기획안: 사회 문제와 핵심 메시지를 참여형 웹 화면으로 연결합니다.

  • 진로 프로젝트안: 가치관과 강점, 직업 탐색을 포트폴리오로 묶습니다.

  • 창업 마케팅안: 고객과 브랜드를 생각하고 제품 소개 화면으로 구체화합니다.

학교가 원하는 교육이 진로 탐색인지, 사회 문제 탐구인지, 창업·마케팅 경험인지에 따라 프로그램의 초점도 달라집니다.

7월 교육 현장과 학생 결과물

학생들은 태블릿으로 교풀AI와 Gemini, Canva 같은 도구를 썼습니다. 바이브코딩은 필요한 화면과 기능을 자연어로 설명하고, AI가 만든 결과를 확인하며 고쳐 나가는 방식입니다.

학생들은 AI 기반 아이디어와 사람들의 행동을 이끌어 낼 방안을 발표 자료로 정리했습니다. 한 학생은 ‘어떤 매체·방식으로 행동을 유도할 것인가’라는 질문 아래, 식탁의 탄소발자국을 계산하고 가상 해산물 부식을 보여 주는 AI 기반 웹 아이디어를 정리했습니다.

‘어떤 매체·방식으로 행동을 유도할 것인가’ 슬라이드에 AI 기반 식탁 탄소발자국 계산 웹 아이디어를 정리하는 학생
‘어떤 매체·방식으로 행동을 유도할 것인가’ 슬라이드에 AI 기반 식탁 탄소발자국 계산 웹 아이디어를 정리하는 학생

다른 학생은 Gemini로 웹서비스 프로토타입 ‘SeeHear’를 만들었습니다. SeeHear는 지하철·병원·관공서의 자막 서비스와 가까운 무장애 공공시설 정보를 보여 주는 화면으로 구성됐습니다.

지하철·병원·관공서의 자막 서비스와 주변 무장애 공공시설 정보를 보여 주는 웹서비스 프로토타입 ‘SeeHear’
지하철·병원·관공서의 자막 서비스와 주변 무장애 공공시설 정보를 보여 주는 웹서비스 프로토타입 ‘SeeHear’

발표 시간에는 결과물을 화면에 띄우고 설명했습니다. 한 팀은 토너패드 잔량을 LCD 화면으로 보여 주는 스마트 토너패드 케이스 ‘PeekPad’를 소개했습니다.

스마트 토너패드 케이스 ‘PeekPad’의 제품 소개 화면을 띄우고 발표하는 학생
스마트 토너패드 케이스 ‘PeekPad’의 제품 소개 화면을 띄우고 발표하는 학생

교풀에듀가 맡은 일

  • 기획안 제안: 캠페인 기획, 진로 융합 프로젝트, 창업 마케팅 프로젝트 세 가지 AI 바이브코딩 기획안을 학교에 제안했습니다.

  • 교육 진행과 결과 정리: 7월 AI 바이브코딩 교육을 진행하고, 학생들의 진로 포트폴리오와 ‘AI 바이브코딩을 활용한 문제 해결 프로젝트’ 제출 파일을 교육 결과 자료로 정리했습니다.

이런 학교·기관에 맞습니다

  • 진로 탐색, 사회 문제 탐구, 창업·마케팅 경험 가운데 교육 목적에 맞춰 AI 교육의 초점을 정하려는 고등학교

  • 학생이 고른 주제를 웹 화면과 발표 자료로 표현하게 하려는 진로활동·창체 담당자

  • 학교 태블릿으로 AI 도구를 써서 웹 프로토타입을 만드는 수업을 찾는 학교

함께 보면 좋은 사례

교육 상담

학교·기관명, 대상과 인원, 희망 일정, 관심 주제를 알려 주시면 프로그램 구성과 운영 방식, 견적을 안내해 드립니다.

Share article