📅 워크샵 일정표

총 5시간 (300분) 집중 실습 프로그램

Part 1 — 홈페이지 실습 (60분)

00:00 - 00:10 (10분)

오리엔테이션 & 환경 세팅

워크샵 소개, 팀 편성, 개발 환경(VS Code, Git, Node.js) 확인 및 세팅

전체
00:10 - 00:20 (10분)

GitHub Pages 기초

GitHub 저장소 생성, Pages 설정, HTML/CSS 기본 구조 이해

전체
00:20 - 00:25 (5분)

Claude AI로 홈페이지 기획

Claude를 활용하여 홈페이지 구조 기획 및 콘텐츠 초안 작성

기획/개발 분리
00:25 - 00:50 (25분)

홈페이지 제작 실습

Claude AI와 함께 실제 홈페이지 코딩, 디자인 적용, 콘텐츠 배치

팀별
00:50 - 01:00 (10분)

배포 & 공유

GitHub Pages로 배포, 결과물 공유 및 간단한 피드백

전체

Part 2 — 앱 제작 (240분)

01:00 - 01:15 (15분)

React Native & Expo 소개

React Native 개념, Expo 워크플로우, 프로젝트 스캐폴딩

전체
01:15 - 01:45 (30분)

앱 아이디어 기획

팀별 앱 주제 선정, 유저 스토리 작성, 화면 설계(와이어프레임)

기획/개발 분리
01:45 - 02:15 (30분)

UI 컴포넌트 개발

기획 명세를 바탕으로 핵심 화면 및 컴포넌트 구현 시작

팀별
02:15 - 02:30 (15분)

휴식

네트워킹 & 간식 타임

전체
02:30 - 03:00 (30분)

Cloudflare Workers 백엔드

Cloudflare Workers로 API 엔드포인트 구축, D1/KV 데이터 저장소 연동

기획/개발 분리
03:00 - 04:00 (60분)

핵심 기능 구현

프론트엔드-백엔드 연동, Claude AI 활용 코딩, 주요 기능 완성

팀별
04:00 - 04:30 (30분)

마무리 & 배포

버그 수정, UI 다듬기, Expo/Cloudflare 배포

팀별
04:30 - 05:00 (30분)

발표 & 평가

팀별 결과물 발표(각 5분), 상호 평가, 피드백 및 마무리

전체