info 교과목 개요
본 교과목은 예비 교사들이 AI의 '바이브 코딩(Vibe Coding)' 기술을 활용하여 초등 과학교육에 필요한 에너지 영역 과학 탐구 콘텐츠를 직접 기획하고 개발하는 실습 중심의 강좌입니다. '에너지' 및 '탐구' 영역을 기본 주제로 하되, 학생의 창의적인 아이디어에 따라 다양한 과학 주제로 확장하여 시뮬레이션을 제작해 봅니다.
fact_check 평가 및 목표
- check_circle 프롬프트를 활용한 정적/동적 웹 시뮬레이션 제작
- check_circle Cloudflare 플랫폼을 활용한 배포 및 DB 연동
- check_circle 에듀테크 환경 대비 교사 디지털 전문성 함양
평가 방식: 최종 프로젝트 결과물 100% (교수자 50% + 동료 50%)
* 지필고사 없음 / 출석 감점은 학칙에 따름
* 지필고사 없음 / 출석 감점은 학칙에 따름
assignment_turned_in
cloud_upload 매주 과제 제출함
실습 후 완성한 나만의 웹사이트 결과물(Pages 주소)을 이곳에 제출해주세요.
주차별 강의 자료
Week
1
3월 3일
[오리엔테이션 및 Vibe 코딩의 이해]
- • 교과목 소개 및 12주 집중수업 운영 안내
- • AI Vibe 코딩의 개념과 과학교육 활용 사례 학습
- • 웹의 기초(HTML/CSS/JS) 작동 원리 이해
Week
2
3월 10일
[정적 웹사이트 기반 과학 콘텐츠 만들기 1]
- • 프롬프트 엔지니어링 기초
- • 에너지 영역 및 과학 탐구 시뮬레이션 기획
- • AI를 활용하여 뼈대가 되는 기본 코드 생성하기
Week
3
3월 17일
[정적 웹사이트 기반 과학 콘텐츠 만들기 2]
- • 생성된 웹 시뮬레이션 코드 수정 및 디버깅
- • Cloudflare Pages 소개 및 정적 사이트 배포 실습
- • 내가 만든 정적 시뮬레이션 고유 링크 생성하기
Week
4
3월 24일
[Vibe 코딩 심화 및 프로젝트 아이디에이션]
- • UX/UI 디자인과 행동 유도성(Affordance) 이론을 바탕으로 한 직관적 인터페이스 설계
- • 변수 통제, 데이터 시각화 등 상호작용이 포함된 과학 탐구 콘텐츠 고도화 실습
- • 최종 프로젝트(나만의 과학 탐구 콘텐츠) 아이디어 구상
Week
5
3월 31일
[고급 웹 기술 적용 : 데이터베이스의 이해]
- • 정적 사이트의 한계와 데이터 보존의 필요성
- • Cloudflare(KV, Workers 등)를 활용한 백엔드 및 DB 구축 개념 학습
Week
6
4월 7일
[기말 프로젝트 개발 1]
- • 피드백을 반영한 개별 프로젝트 개발 착수
- • Vibe 코딩 실습 및 개별 질의응답 (에러 해결)
Week
7
4월 14일
[기말 프로젝트 개발 2]
- • 프로젝트 기능 고도화 및 DB 연동 점검
- • 초등학생 수준에 맞는 직관적인 UI/UX 개선
Week
8
4월 21일
[기말 프로젝트 개발 3 및 최종 배포]
- • 최종 버그 수정 및 디버깅
- • Cloudflare를 통한 최종 웹 배포 완료 및 시연 준비
Week
9
4월 28일
[종강: 프로젝트 최종 시연 및 상호 평가]
- • 22명 학생 전원 결과물 시연