1–3차시 · 선택·첫 제작
도구를 고르고 작동하는 첫 결과 만들기
안전선을 정하고 Canva AI와 Google AI Studio에서 실제 결과를 만듭니다.
Vibe Studio · 교사 실습 과정
AI 플랫폼으로 완성하는 바이브코딩 수업
Canva AI부터 ChatGPT Sites·Claude Code·Codex까지 완성 기준 사례를 바꾸고 Eduitit에 공개한 뒤 VibeClass로 연수를 운영합니다.
- 10차시 · 총 500분
- 노트북 실습
- 공개 링크 완성
연수 전에 확인할 것
일반적인 AI 질문 경험이 있는 교사가 완성 사례 10개와 원본 자료 3개를 보며 도구별 강점을 익히고, 자기 AI 교육자료를 공개해 현장 연수까지 진행하는 10차시 오프라인 과정입니다.
- 이런 분께
- ChatGPT로 질문해 본 적은 있지만 코딩·에이전트 도구는 처음인 교사
- 준비할 것
- 노트북, 최신 Chrome, Eduitit 계정, 차시별 플랫폼 사전 로그인, 13개 예시 HTML 사전 내려받기
- 만들 결과
- 실제 AI 교육자료 공개 링크, 교사용 안내 사이트, VibeClass 현장 연수
10차시
과정 흐름
4–8차시 · 자료·코드·사이트
근거를 모으고 코드와 안내 사이트 완성하기
Cowork·Claude Code·Work·Sites·Codex를 하나의 제작 흐름으로 연결합니다.
9–10차시 · 공개·운영
AI 교육자료로 공개하고 현장 연수 운영하기
Eduitit에 실제 결과를 공개하고 VibeClass에서 20분 리허설을 진행합니다.
10차시 자세히 보기
-
1
도구 지도를 만들고 안전선 정하기
만들 결과에 맞는 AI 도구 하나와 입력하면 안 될 정보를 고릅니다.
-
2
Canva AI로 수업 시각 자료 만들기
수업의 한 장면을 설명하는 편집 가능한 시각 자료 한 장을 완성합니다.
-
3
Google AI Studio로 작동하는 시제품 만들기
요청과 실시간 미리보기를 오가며 단일 HTML 활동 한 개를 완성합니다.
-
4
Claude Cowork로 수업 자료 묶음 정리하기
분산된 참고 자료를 제작에 바로 쓰는 한 장의 근거 묶음으로 정리합니다.
-
5
Claude Code로 파일을 읽고 작은 변경하기
프로젝트를 설명받고 한 파일의 한 기능만 바꾼 뒤 직접 검사합니다.
-
6
ChatGPT Work로 제작 브리프 완성하기
참고 자료와 결정 사항을 한 작업 안에서 검토해 제작 브리프를 완성합니다.
-
7
ChatGPT Sites로 교사용 안내 사이트 공개하기
개인정보를 받지 않는 교사용 연수 안내 사이트를 만들고 접근 범위를 확인합니다.
-
8
Codex로 코드 작업 맡기고 검증하기
작업 범위를 정해 Codex에 맡기고 diff·실행·모바일을 확인합니다.
-
9
Vibe Studio에서 Eduitit 자료로 공개하기
최종 HTML을 AI 교육자료에 올리고 다른 사용자 상태에서 실행합니다.
-
10
VibeClass로 실제 연수 리허설하기
강사 예시와 참가자 개인 실습을 연결해 20분 미니 연수를 운영합니다.