오프닝 & 목표 설정
VIBE Coding 소개, Firebase Studio 로그인, 개인 정보 입력, 오늘의 목표 설정
VIBE Coding 철학 및 AI 시대 개발 패러다임 소개 (15분)
Firebase 계정 생성 및 로그인 (5분)
프로젝트 생성 및 기본 설정 (5분)
개인 정보 준비 및 학습 목표 설정 (5분)
오전: 개인 홈페이지 제작
Firebase Studio로 나만의 멋진 포트폴리오 홈페이지 만들기
HTML/CSS/JS 기초 개념 소개 (30분)
Next.js 소개 및 장점 (20분)
Firebase 소개 - 백엔드 자동화의 힘! (20분)
Firebase Studio 기능 탐험 (30분)
실시간 개인 홈페이지 제작 (80분)
점심시간
점심 식사 및 휴식
점심 식사
네트워킹 타임
오전 작업물 공유 및 피드백
오후1: TODO 앱 개발
Firestore 연동한 실시간 TODO 애플리케이션 구축
Firebase Setting - Firestore 데이터베이스 생성 (30분)
TODO 앱 UI 설계 및 구현 (60분)
Firestore CRUD 연동 (60분)
실시간 데이터 동기화 테스트 (20분)
커피 브레이크
잠깐의 휴식과 에너지 충전
커피/차 타임
진행상황 점검
질의응답 시간
오후2: 데이터 대시보드
Chart.js로 멋진 데이터 시각화 대시보드 완성
Chart.js 특강 - 차트의 모든 것! (30분)
샘플 데이터 다운로드 및 분석 (15분)
TODO 앱에 대시보드 탭 추가 (30분)
차트 생성 및 인터랙션 구현 (45분)
최종 통합 테스트 (15분)
마무리 & 발표
작품 발표 및 수료증 수여
개인별 작품 발표 (20분)
상호 피드백 및 개선점 토론 (20분)
수료증 수여 및 기념 촬영 (10분)