Part 1: 파이프라인 첫 경험

오늘의 여정

┌─────────────────────────────────────────────────────────┐
│                    5시간 워크샵                           │
│                                                         │
│   ┌──────────────┐         ┌──────────────────────────┐ │
│   │  Part 1      │         │  Part 2                  │ │
│   │  홈페이지     │   →     │  앱 기획 + 개발           │ │
│   │  (60분)      │         │  (4시간)                  │ │
│   └──────────────┘         └──────────────────────────┘ │
└─────────────────────────────────────────────────────────┘

Part 1에서 경험한 흐름을 Part 2에서 더 깊이 반복합니다.

기획자 미션 (15분)

Claude에게 홈페이지 기획 요청하기

1. 컨셉 정하기 — 우리 팀이 만들 서비스 한 줄 소개
2. 카피라이팅 — 히어로 타이틀, 서브 카피, CTA 버튼 문구
3. 색상 팔레트 — Primary / Secondary / Accent 3가지 색상

핸드오프 (5분)

기획 → 개발, 문서 전달

기획자가 정리한 결과물을 개발자에게 전달합니다.

핵심: 명확하게 적어서 전달할 것. 말로만 하면 빠진다!

개발자 미션 (15분)

Claude로 HTML/CSS 생성 → GitHub Pages 배포

Step 1: 기획 문서를 Claude에 붙여넣고 HTML/CSS 생성 요청

"다음 기획 내용을 기반으로 반응형 랜딩 페이지 HTML을 만들어줘.
[기획 문서 붙여넣기]
- HTML/CSS 한 파일로
- 모바일 반응형
- 히어로 섹션 + 특징 3개 + CTA"

개발자 미션 — 이어서

Step 2: GitHub 저장소 생성 → 코드 Push

Step 3: Settings → Pages → 배포 확인

결과 공유

각 팀의 홈페이지를 함께 확인합시다

• 각 팀 URL을 공유해주세요
• 기획 의도가 잘 반영되었나요?
• 기획 → 개발 전달 과정에서 어떤 점이 어려웠나요?

돌아보기

이 경험을 바탕으로 Part 2에서는 더 체계적인 파이프라인을 만들어봅니다!