XRUN Workshop Hub

🏠

00 - Part 1: 홈페이지 실습

60분 안에 홈페이지 기획 → 배포. 기획자 미션, 핸드오프, 개발자 미션.

슬라이드

👋

01 - 워크샵 소개

워크샵 목표, 도구 소개, 타임라인, 역할 안내, Ground Rules.

슬라이드

🔄

02 - 파이프라인 개요

기획 → 디자인 → 개발 → 배포 전체 워크플로우 소개.

슬라이드

🤖

03 - Claude AI 활용법

Claude AI를 활용한 기획 및 코딩 실전 가이드.

슬라이드

🎨

04 - 기획자 트랙

기획자 중심 실습: 컨셉 설계, UI 흐름, 핸드오프 문서.

슬라이드

💻

05 - 개발자 트랙

개발자 중심 실습: RN 개발, CF Workers, 배포.

슬라이드

🔀

05-1 - Git 전략

팀 협업을 위한 Git 브랜치 전략 및 워크플로우.

슬라이드

🤝

06 - 협업

기획자-개발자 협업 방법, 커뮤니케이션 팁.

슬라이드

🏆

07 - 쇼케이스

팀별 결과물 발표 및 평가 세션.

슬라이드

⚙️

환경설정 가이드

Node.js, Git, VS Code, Expo CLI, Wrangler 등 사전 준비 체크리스트.

가이드

🤖

Claude 치트시트

효과적인 프롬프팅 전략, 자주 쓰는 패턴, 코드 리뷰/디버깅 활용법.

가이드

📱

React Native 퀵스타트

Expo 기반 RN 프로젝트 시작하기 단계별 안내.

가이드

☁️

Cloudflare 퀵스타트

Cloudflare Workers + D1 환경 구축 및 배포 가이드.

가이드

🔄

파이프라인 워크플로우

기획 → 디자인 명세 → 개발 → 테스트 → 배포 전체 흐름.

가이드

📱

React Native 앱 (Expo)

Expo + Router 기반 모바일 앱 데모. 네비게이션, 화면 구조 포함.

데모

☁️

Cloudflare Workers API

Cloudflare Workers + D1 데이터베이스 백엔드 API 데모.

데모

📝

기획 핸드오프 데모

기획 → 개발 핸드오프 프로세스 시연용 데모 프로젝트.

데모

⚡

React Native 스타터

Expo 기반 RN 프로젝트 보일러플레이트. app.json, package.json 포함.

템플릿

☁️

Cloudflare Worker 템플릿

Workers + D1 기본 세팅. wrangler.toml, package.json 포함.

템플릿

🌐

홈페이지 스타터

Part 1 홈페이지 실습용 HTML/CSS 기본 템플릿.

템플릿

📝

디자인 핸드오프 템플릿

디자인 명세서, 프롬프트, 유저 스토리 템플릿 모음.

템플릿

🏠

홈

워크샵 메인 페이지 — 핵심 목표 및 빠른 링크.

웹페이지

📅

일정표

Part 1(60분) + Part 2(240분) 상세 타임라인.

웹페이지

👥

팀 & 결과물

팀 구성 및 팀별 결과물 확인.

웹페이지

📚

실습 자료

기획자/개발자/공통 자료 및 외부 링크 모음.

웹페이지

📈

평가

워크샵 평가 페이지.

웹페이지

✅

진행 체크리스트

워크샵 전/중/후 진행자 체크리스트.

운영

📝

진행자 노트

각 세션별 진행 팁과 주의사항.

운영

👥

팀 배정

참가자 팀 배정 및 역할 분배.

운영

📋

평가 루브릭

팀별 결과물 평가 기준표.

평가

💬

직후 설문

워크샵 종료 직후 참가자 피드백 설문.

평가

📨

1개월 후 설문

워크샵 1개월 후 후속 피드백 설문.

평가