정선정보공업고등학교 AI 진로 개척 프로그램 - 전교생 7개 분반이 하루 동안 만든 진로 웹·앱과 포트폴리오

정선정보공업고등학교는 2026년 7월 14일 1~3학년 전교생 7개 분반을 대상으로 AI를 활용한 진로 개척 프로그램 7차시를 운영했습니다. 학생들은 가치관·강점 진단과 AI 가상 현직자 인터뷰를 거쳐 진로와 연결한 웹·앱과 포트폴리오를 만들었습니다.
Gyopool Manager's avatar
Sep 10, 2026
정선정보공업고등학교 AI 진로 개척 프로그램 - 전교생 7개 분반이 하루 동안 만든 진로 웹·앱과 포트폴리오

사례 요약

기관

정선정보공업고등학교

대상

1~3학년 전교생, 7개 분반

일정

2026년 7월 14일, 1~7교시(7차시), 정선정보공업고등학교 교내

강사

분반별 주강사 1명, 총 7명

프로그램

생성형 AI·바이브코딩

도구

교풀AI, Figma Make, Gemini, Canva 등 웹 기반 AI 도구

결과물

진로와 연결한 웹·앱 프로토타입, 진로 포트폴리오, 진로 계획 공유

정선정보공업고등학교는 2026년 7월 14일 1~3학년 전교생을 대상으로 ‘AI를 활용한 진로 개척 프로그램’을 운영했습니다. 7개 분반이 1교시부터 7교시까지 같은 과정을 동시에 진행했고, 분반마다 교풀에듀 주강사 1명이 수업을 맡았습니다. 학생들은 자기 이해와 직업 탐색을 거쳐 관심 진로와 연결한 웹·앱을 만들고, 그 과정을 진로 포트폴리오로 정리해 공유했습니다.

7차시 구성: 자기 이해에서 진로 포트폴리오까지

과정은 자기 이해, 직업 탐색, 바이브코딩, 포트폴리오의 네 단계로 이루어졌습니다. 자기 이해와 직업 탐색, 디지털 창작을 따로 떨어진 체험으로 두지 않고, 앞 단계의 진단 결과와 탐색 기록을 포트폴리오까지 이어 가도록 했습니다.

차시

주제

내용

1차시

나를 알다

가치관·강점 진단, AI 추천 직업 확인, 관심 직업 선정과 공유

2차시

직업을 만나다

AI 가상 현직자 인터뷰, 직업의 일상·필수 역량·진입 경로 탐색, 핵심 단어 도출

3차시

웹·앱 기획

진로와 연결한 바이브코딩 주제 기획, 화면 설계와 디자인 프로토타이핑

4차시

산출물 제작

웹 서비스 구현, 디자인 수정, AI 피드백을 바탕으로 결과물 보완

5~6차시

포트폴리오 완성

진단 결과·직업 탐색 기록·핵심 단어·웹·앱 결과물을 포트폴리오로 통합

7차시

공유와 피드백

진로 설계 과정과 미래 계획 공유, 상호 피드백

1~2차시 · 자기 이해와 AI 가상 현직자 인터뷰

학생들은 먼저 AI 기반 가치관·강점 진단을 하고, AI가 추천한 직업을 확인한 뒤 관심 직업을 골라 서로 공유했습니다. 2차시에는 AI 가상 현직자 인터뷰로 관심 직업의 일상과 필수 역량, 진입 경로를 알아보고 핵심 단어를 뽑았습니다.

3~4차시 · 진로와 연결한 웹·앱 기획과 제작

3차시에는 관심 진로와 연결한 웹·앱 주제를 정하고, 화면을 설계해 디자인 프로토타입을 만들었습니다. 4차시에는 바이브코딩 도구로 웹 서비스를 구현하고, AI의 피드백을 바탕으로 디자인과 결과물을 보완했습니다. 바이브코딩은 만들고 싶은 화면과 기능을 자연어로 설명하고, AI가 만든 결과를 확인하며 고쳐 나가는 방식입니다.

화물 기사를 위한 대시보드, 실시간 콜 목록, 배차 상세 정보, 운행·정산 내역 화면을 담은 앱 화면 시안
화물 기사를 위한 대시보드, 실시간 콜 목록, 배차 상세 정보, 운행·정산 내역 화면을 담은 앱 화면 시안
여러 기능을 담은 모바일 서비스 화면 시안을 확인하는 학생
여러 기능을 담은 모바일 서비스 화면 시안을 확인하는 학생

결과물의 주제는 학생의 진로에 따라 달랐습니다. 제과제빵사를 소개하는 웹 페이지, 군무원 직렬을 추천하는 테스트, 노트북 카메라로 얼굴을 분석해 어울리는 브랜드를 추천하는 웹 게임, 칵테일을 만들어 손님에게 내는 바텐더 게임이 나왔습니다.

‘제과제빵사에 대하여’ 웹 페이지 첫 화면
‘제과제빵사에 대하여’ 웹 페이지 첫 화면
군무원 직렬을 추천하는 테스트 웹 페이지 ‘군비게이터’
군무원 직렬을 추천하는 테스트 웹 페이지 ‘군비게이터’
노트북 카메라로 얼굴을 분석해 브랜드를 추천하는 웹 게임 ‘캡쳐 페이스’ 시작 화면
노트북 카메라로 얼굴을 분석해 브랜드를 추천하는 웹 게임 ‘캡쳐 페이스’ 시작 화면
Figma Make로 만든 바텐더 게임 화면
Figma Make로 만든 바텐더 게임 화면

5~7차시 · 진로 포트폴리오와 공유

5~6차시에는 진단 결과와 직업 탐색 기록, 핵심 단어, 웹·앱 결과물을 하나의 진로 포트폴리오로 묶었습니다. 7차시에는 진로 설계 과정과 미래 계획을 서로 공유하고 피드백을 주고받으며 활동을 마쳤습니다.

CAD 설계사를 꿈꾸는 한 학생은 ‘창의적인 배짱으로 만드는 꿈’이라는 제목의 포트폴리오에 안전·창의성·책임감을 자신의 가치와 강점으로 정리했습니다. 공공 인프라 분야에 관심을 둔 학생은 ‘공공 인프라의 다음을 설계하다’라는 제목으로 포트폴리오를 만들었습니다.

CAD 설계사를 꿈꾸는 학생의 진로 포트폴리오 표지와 ‘나의 가치와 강점’ 페이지
CAD 설계사를 꿈꾸는 학생의 진로 포트폴리오 표지와 ‘나의 가치와 강점’ 페이지

CAD 설계사를 꿈꾸는 학생의 진로 포트폴리오 표지와 ‘나의 가치와 강점’ 페이지

‘공공 인프라의 다음을 설계하다’ 진로 포트폴리오와 ‘나의 강점 세 가지’ 페이지
‘공공 인프라의 다음을 설계하다’ 진로 포트폴리오와 ‘나의 강점 세 가지’ 페이지

교풀에듀가 맡은 일

  • 운영 협의: 학교 담당자와 7개 분반 동시 운영 방식, 교실 배정, 학생 기기 환경, 수업 동선을 미리 협의했습니다.

  • 강사진: 분반마다 주강사 1명씩 총 7명을 배치하고, 수업 진행 기준을 공유했습니다.

  • 교풀AI: 교풀AI에 교육용 클래스와 학생 실습 환경을 만들었습니다.

  • 교육 자료: 가치관·강점 진단, 직업 인터뷰, 바이브코딩, 포트폴리오 제작에 쓸 자료를 준비했습니다.

  • 사전 점검: Figma Make, Gemini, Canva 등 웹 기반 AI 도구 접속과 인터넷, 노트북·PC 작동 상태를 수업 전에 확인했습니다.

  • 결과 정리: 수업이 끝난 뒤 분반별 활동 사진과 학생 결과물을 결과보고서로 정리했습니다.

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

  • 전교생이 같은 날 참여하는 진로 프로그램을 분반별로 동시에 운영하려는 고등학교

  • 학생마다 관심 직업이 달라, 한 과정 안에서 각자의 진로에 맞는 결과물을 만들게 하려는 학교

  • AI 활용을 직업 탐색에서 멈추지 않고 웹·앱 제작과 진로 포트폴리오까지 잇고 싶은 진로·창체 담당자

함께 보면 좋은 사례

교육 상담

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

Share article