생성형 Ai 활용 : 바이브 코딩으로 문제해결

인공지능에 대한 이해를 바탕으로 생성형 AI를 개발 파트너로 삼아 일상 속 문제를 해결하는 나만의 서비스를 직접 기획하고 구현하는 AI & SW 교육

#AI교육 #컴퓨팅사고력 #문제해결능력 #생성형AI #바이브코딩 #웹서비스제작

인공지능 및 SW 원리 이해

인공지능의 작동 원리와 웹 소프트웨어의 기본 구조를 학습하고, 기술이 실생활에 적용되는 방식을 이해합니다.

생성형 AI를 활용한 문제해결

AI와 소통하며 논리적으로 코드를 구성하는 '바이브 코딩' 방식을 통해 학생들의 Ai 활용과 문제해결 경험을 제공합니다.

산출물 공유 및 피드백을 통한 SW 개선

완성된 서비스를 공유하고, 사용자 관점의 피드백을 수용하여 지속적으로 개선 및 고도화하며 문제해결을 경험합니다.

중등, 고등

AI로 나만의 웹서비스를 만들고 싶은 학생

교육자

AI를 활용한 문제해결 교육을 제공하고자 하는 분

📋 6차시 커리큘럼 : 교육수요에 따라 6~10차시 맞춤 구성 가능

차시	주제	교육 내용
1차시	AI와 웹의 만남	- 생성형 AI의 개념과 작동 원리 이해 - 바이브 코딩의 개념 소개 - 개발 환경 구축 및 세팅 (VS Code 등)
2차시	웹 구조의 이해	- 웹을 구성하는 3요소: HTML, CSS, JS 역할 이해 - 생성형 AI를 활용한 웹 개발 기초 실습
3차시	AI와 함께 코딩하기	- 생성형 AI와 효과적으로 대화하기 (논리적 프롬프트 작성 기법) - [미니 프로젝트] 바이브 코딩으로 일상 속 유용한 도구 - 데이터베이스 개념 및 설정 맛보기
4차시	요구사항 정의 및 구성	- [문제 정의] 생활 속 불편함 탐색 및 해결할 문제 선정 - [아이디어] 나만의 문제해결 웹서비스 기획안 작 - AI를 활용한 웹사이트의 뼈대 구성 (HTML, CSS 생성 및 적용)
5차시	기능 구현 및 디버깅	- 문제 해결을 위한 동적 기능 및 로직 구현 (JS) - 브라우저 개발자 모드(F12)를 활용한 오류 확인 - AI에게 에러를 묻고 논리적으로 해결하는 디버깅 실습
6차시	배포 및 공유하기	- 온라인 호스팅 서비스를 이용한 내 웹사이트 전 세계 배포 - 완성된 문제해결 서비스 시연 및 기획 의도 발표 - 상호 피드백 수렴 및 최종 개선 사항 도출 교육현장의 수요에 따라 6~10차시로 맞춤 구성

필요장비 : 노트북

• 원활한 인터넷 환경

재료비 : 1인 15,000원(인공지능 사용료)

장비 대여비 : 교육 현장에 장비가 없는 상황에만 적용

• 노트북 대여비 - 1대 당 5,000원