# ZELLYY - 스프린트 계획 ## 스프린트 개요 ZELLYY 프로젝트는 2주 단위의 스프린트로 개발을 진행합니다. 각 스프린트는 계획, 실행, 리뷰, 회고의 4단계로 구성됩니다. 이 문서는 초기 MVP 개발을 위한 스프린트 계획을 정의합니다. ## 스프린트 일정 ### 스프린트 0: 개발 환경 설정 (2024년 1월 1일 ~ 1월 14일) #### 목표 - 개발 환경 구축 및 프로젝트 초기 설정 - 기본 프로젝트 구조 설계 - 핵심 라이브러리 및 도구 선정 #### 주요 작업 항목 1. **개발 환경 설정** - React Native 프로젝트 초기화 - TypeScript 설정 - ESLint, Prettier 설정 - Jest 테스트 환경 구성 - CI/CD 파이프라인 구축 (GitHub Actions) 2. **프로젝트 구조 설계** - 폴더 구조 설계 - 네이밍 컨벤션 정의 - 코드 스타일 가이드 작성 - 컴포넌트 구조 설계 3. **핵심 라이브러리 선정 및 통합** - 상태 관리: Redux Toolkit 설정 - 네비게이션: React Navigation 설정 - UI 컴포넌트: 자체 컴포넌트 vs 라이브러리 결정 - 스타일링: Styled Components 설정 - 로컬 저장소: AsyncStorage 설정 4. **기본 아키텍처 구현** - API 클라이언트 설계 - 에러 처리 전략 수립 - 로깅 시스템 구축 - 앱 초기화 프로세스 구현 #### 담당자 - 프로젝트 매니저: 전체 조정 - 모바일 개발자 1: React Native 프로젝트 설정, 네비게이션 - 모바일 개발자 2: 상태 관리, 로컬 저장소 - 백엔드 개발자: API 클라이언트, 인증 시스템 설계 - QA 엔지니어: 테스트 환경 구성 #### 산출물 - 기본 프로젝트 구조 - 개발 환경 설정 문서 - 코드 스타일 가이드 - 기술 스택 문서 --- ### 스프린트 1: 기본 UI 컴포넌트 개발 (2024년 1월 15일 ~ 1월 28일) #### 목표 - 디자인 시스템 구현 - 핵심 UI 컴포넌트 개발 - 기본 네비게이션 구조 구현 #### 주요 작업 항목 1. **디자인 시스템 구현** - 색상 팔레트 구현 - 타이포그래피 시스템 구현 - 간격 및 크기 시스템 구현 - 테마 관리 시스템 구현 2. **기본 UI 컴포넌트 개발** - 버튼 컴포넌트 - 입력 필드 컴포넌트 - 카드 컴포넌트 - 모달 및 다이얼로그 컴포넌트 - 탭 및 네비게이션 바 컴포넌트 - 로딩 및 에러 상태 컴포넌트 3. **네비게이션 구조 구현** - 탭 기반 메인 네비게이션 - 스택 네비게이션 구조 - 화면 전환 애니메이션 - 딥 링크 지원 4. **컴포넌트 문서화** - Storybook 설정 - 컴포넌트 사용 예제 작성 - 컴포넌트 속성 문서화 #### 담당자 - UI/UX 디자이너: 디자인 시스템 가이드 제공 - 모바일 개발자 1: 디자인 시스템 구현, 기본 컴포넌트 - 모바일 개발자 2: 네비게이션 구조, 고급 컴포넌트 - QA 엔지니어: 컴포넌트 테스트 #### 산출물 - 디자인 시스템 구현 코드 - 기본 UI 컴포넌트 라이브러리 - 네비게이션 구조 구현 - 컴포넌트 문서 및 Storybook --- ### 스프린트 2: 사용자 인증 및 기본 화면 (2024년 1월 29일 ~ 2월 11일) #### 목표 - 사용자 인증 시스템 구현 - 온보딩 화면 개발 - 홈 화면 및 기본 화면 구조 개발 #### 주요 작업 항목 1. **사용자 인증 시스템** - 회원가입 화면 및 로직 - 로그인 화면 및 로직 - 소셜 로그인 통합 (Google, Apple) - 비밀번호 재설정 기능 - 인증 상태 관리 2. **온보딩 화면** - 앱 소개 슬라이드 - 주요 기능 하이라이트 - 사용자 환영 화면 - 온보딩 상태 관리 3. **홈 화면** - 최근 작업 카드 표시 - 추천 템플릿 섹션 - 빠른 액션 버튼 - 사용 통계 요약 4. **기본 화면 구조** - 설정 화면 - 프로필 화면 - 알림 센터 - 도움말 및 지원 화면 #### 담당자 - UI/UX 디자이너: 화면 디자인 및 사용자 흐름 - 모바일 개발자 1: 인증 시스템, 홈 화면 - 모바일 개발자 2: 온보딩 화면, 기본 화면 구조 - 백엔드 개발자: 인증 API 연동 - QA 엔지니어: 인증 흐름 테스트 #### 산출물 - 사용자 인증 시스템 - 온보딩 화면 구현 - 홈 화면 및 기본 화면 구조 - 인증 관련 테스트 케이스 --- ### 스프린트 3: 카드 에디터 기본 기능 (2024년 2월 12일 ~ 2월 25일) #### 목표 - 카드 에디터 기본 UI 구현 - 텍스트 편집 기능 개발 - 기본 스타일링 옵션 구현 #### 주요 작업 항목 1. **카드 에디터 UI** - 에디터 레이아웃 구현 - 도구 모음 UI - 실시간 미리보기 - 저장 및 취소 기능 2. **텍스트 편집 기능** - 텍스트 입력 및 편집 - 여러 텍스트 블록 지원 - 텍스트 정렬 옵션 - 텍스트 크기 조정 3. **기본 스타일링 옵션** - 폰트 선택 기능 - 텍스트 색상 변경 - 배경 색상 및 그라데이션 - 기본 레이아웃 옵션 4. **에디터 상태 관리** - 작업 히스토리 관리 (실행 취소/다시 실행) - 자동 저장 기능 - 에디터 상태 지속성 #### 담당자 - UI/UX 디자이너: 에디터 UI 디자인 - 모바일 개발자 1: 에디터 UI 구현, 텍스트 편집 - 모바일 개발자 2: 스타일링 옵션, 상태 관리 - QA 엔지니어: 에디터 기능 테스트 #### 산출물 - 카드 에디터 기본 UI - 텍스트 편집 기능 - 기본 스타일링 옵션 - 에디터 상태 관리 시스템 --- ### 스프린트 4: 템플릿 시스템 및 카드 저장 (2024년 2월 26일 ~ 3월 10일) #### 목표 - 템플릿 시스템 구현 - 카드 저장 및 관리 기능 개발 - 기본 갤러리 뷰 구현 #### 주요 작업 항목 1. **템플릿 시스템** - 템플릿 데이터 구조 설계 - 기본 템플릿 세트 구현 - 템플릿 선택 및 적용 기능 - 템플릿 카테고리 관리 2. **카드 저장 및 관리** - 로컬 저장소 구현 - 카드 메타데이터 관리 - 카드 수정 및 삭제 기능 - 카드 복제 기능 3. **갤러리 뷰** - 카드 목록 표시 - 그리드 및 리스트 뷰 옵션 - 정렬 및 필터링 기능 - 카드 검색 기능 4. **성능 최적화** - 이미지 캐싱 - 리스트 렌더링 최적화 - 메모리 사용 최적화 - 로딩 상태 관리 #### 담당자 - UI/UX 디자이너: 템플릿 디자인, 갤러리 UI - 모바일 개발자 1: 템플릿 시스템, 갤러리 뷰 - 모바일 개발자 2: 카드 저장 및 관리, 성능 최적화 - 백엔드 개발자: 데이터 구조 설계 지원 - QA 엔지니어: 저장 및 로딩 테스트 #### 산출물 - 템플릿 시스템 구현 - 카드 저장 및 관리 기능 - 갤러리 뷰 구현 - 성능 최적화 보고서 --- ### 스프린트 5: 소셜 미디어 공유 및 내보내기 (2024년 3월 11일 ~ 3월 24일) #### 목표 - 소셜 미디어 공유 기능 구현 - 이미지 내보내기 기능 개발 - 워터마크 및 브랜딩 옵션 구현 #### 주요 작업 항목 1. **소셜 미디어 공유** - 네이티브 공유 기능 통합 - 인스타그램 스토리/피드 공유 최적화 - 페이스북 공유 최적화 - 기타 소셜 플랫폼 지원 2. **이미지 내보내기** - 다양한 해상도 및 형식 지원 - 플랫폼별 최적 크기 자동 조정 - 이미지 품질 옵션 - 갤러리 저장 기능 3. **워터마크 및 브랜딩** - 기본 워터마크 구현 - 워터마크 위치 및 투명도 옵션 - 사용자 브랜딩 요소 추가 기능 - 워터마크 제거 옵션 (프리미엄) 4. **공유 분석** - 공유 이벤트 추적 - 기본 공유 통계 - 사용자 피드백 수집 #### 담당자 - UI/UX 디자이너: 공유 UI, 워터마크 디자인 - 모바일 개발자 1: 소셜 미디어 공유, 이미지 내보내기 - 모바일 개발자 2: 워터마크 및 브랜딩, 공유 분석 - QA 엔지니어: 다양한 기기 및 플랫폼 테스트 #### 산출물 - 소셜 미디어 공유 기능 - 이미지 내보내기 기능 - 워터마크 및 브랜딩 옵션 - 공유 분석 시스템 --- ### 스프린트 6: 설정 및 사용자 환경설정 (2024년 3월 25일 ~ 4월 7일) #### 목표 - 앱 설정 화면 구현 - 사용자 환경설정 기능 개발 - 알림 시스템 구현 - 오프라인 모드 지원 #### 주요 작업 항목 1. **앱 설정 화면** - 설정 화면 UI 구현 - 계정 관리 옵션 - 앱 환경설정 - 도움말 및 지원 섹션 2. **사용자 환경설정** - 테마 설정 (라이트/다크 모드) - 기본 템플릿 설정 - 기본 스타일 프리셋 - 언어 설정 (향후 다국어 지원) 3. **알림 시스템** - 푸시 알림 설정 - 인앱 알림 센터 - 알림 환경설정 - 알림 히스토리 4. **오프라인 모드** - 오프라인 상태 감지 - 오프라인 작업 지원 - 데이터 동기화 전략 - 오프라인 모드 UI 피드백 #### 담당자 - UI/UX 디자이너: 설정 화면 디자인, 알림 UI - 모바일 개발자 1: 설정 화면, 사용자 환경설정 - 모바일 개발자 2: 알림 시스템, 오프라인 모드 - 백엔드 개발자: 푸시 알림 서버 설정 - QA 엔지니어: 설정 및 오프라인 모드 테스트 #### 산출물 - 앱 설정 화면 - 사용자 환경설정 기능 - 알림 시스템 - 오프라인 모드 지원 --- ### 스프린트 7: 통합 테스트 및 안정화 (2024년 4월 8일 ~ 4월 21일) #### 목표 - 전체 기능 통합 테스트 - 성능 최적화 및 안정화 - 버그 수정 및 UI 폴리싱 - 베타 테스트 준비 #### 주요 작업 항목 1. **통합 테스트** - 엔드투엔드 테스트 시나리오 작성 - 주요 사용자 흐름 테스트 - 에지 케이스 및 오류 상황 테스트 - 다양한 기기 및 OS 버전 테스트 2. **성능 최적화** - 앱 시작 시간 최적화 - 메모리 사용량 분석 및 최적화 - 배터리 사용량 최적화 - 네트워크 요청 최적화 3. **UI 폴리싱** - 애니메이션 및 전환 효과 개선 - 일관된 UI 스타일 확인 - 접근성 개선 - 사용자 피드백 기반 UI 조정 4. **베타 테스트 준비** - 베타 테스트 계획 수립 - 테스트 그룹 구성 - 피드백 수집 시스템 구축 - 베타 버전 배포 준비 #### 담당자 - 프로젝트 매니저: 베타 테스트 계획 - UI/UX 디자이너: UI 폴리싱, 접근성 검토 - 모바일 개발자 1: 통합 테스트, 버그 수정 - 모바일 개발자 2: 성능 최적화, 안정화 - QA 엔지니어: 테스트 시나리오 작성 및 실행 #### 산출물 - 통합 테스트 보고서 - 성능 최적화 보고서 - UI 폴리싱 완료 - 베타 테스트 계획 및 준비 --- ### 스프린트 8: 베타 출시 및 피드백 수집 (2024년 4월 22일 ~ 5월 5일) #### 목표 - 베타 버전 출시 - 사용자 피드백 수집 및 분석 - 주요 이슈 해결 - 앱스토어 제출 준비 #### 주요 작업 항목 1. **베타 출시** - TestFlight (iOS) 배포 - Google Play 베타 프로그램 설정 - 베타 테스터 온보딩 - 베타 테스트 모니터링 2. **피드백 수집** - 인앱 피드백 시스템 구현 - 사용자 설문조사 설계 - 사용 데이터 분석 - 버그 리포트 수집 3. **이슈 해결** - 우선순위에 따른 버그 수정 - 사용자 피드백 기반 개선 - 성능 이슈 해결 - 안정성 개선 4. **앱스토어 준비** - 앱스토어 스크린샷 및 프리뷰 비디오 제작 - 앱 설명 및 메타데이터 작성 - 개인정보 처리방침 및 이용약관 최종화 - 앱 심사 대비 체크리스트 #### 담당자 - 프로젝트 매니저: 베타 테스트 관리, 앱스토어 준비 - UI/UX 디자이너: 앱스토어 자료 제작 - 모바일 개발자 1: 베타 배포, 주요 이슈 해결 - 모바일 개발자 2: 피드백 시스템, 버그 수정 - QA 엔지니어: 베타 테스트 모니터링, 이슈 트래킹 #### 산출물 - 베타 버전 출시 - 사용자 피드백 분석 보고서 - 이슈 해결 보고서 - 앱스토어 제출 자료 ## 스프린트 진행 방식 ### 스프린트 계획 미팅 - **시기**: 스프린트 시작일 - **참석자**: 전체 팀 - **목적**: 스프린트 목표 설정, 작업 항목 선정, 담당자 할당 - **산출물**: 스프린트 백로그, 작업 항목 세부 내용 ### 일일 스크럼 - **시기**: 매일 오전 10시 - **참석자**: 개발팀 - **목적**: 진행 상황 공유, 장애물 식별, 일일 계획 수립 - **형식**: 15분 이내의 짧은 미팅 (각자 어제 한 일, 오늘 할 일, 장애물 공유) ### 스프린트 리뷰 - **시기**: 스프린트 마지막 날 - **참석자**: 전체 팀 및 이해관계자 - **목적**: 완료된 작업 시연, 피드백 수집 - **산출물**: 피드백 목록, 다음 스프린트 고려사항 ### 스프린트 회고 - **시기**: 스프린트 리뷰 직후 - **참석자**: 개발팀 - **목적**: 스프린트 프로세스 개선점 논의 - **산출물**: 액션 아이템, 프로세스 개선 사항 ## 작업 추적 및 관리 ### 작업 항목 상태 - **To Do**: 아직 시작되지 않은 작업 - **In Progress**: 현재 진행 중인 작업 - **Review**: 코드 리뷰 중인 작업 - **Done**: 완료된 작업 ### 작업 항목 우선순위 - **Critical**: 즉시 해결해야 하는 작업 - **High**: 현재 스프린트에서 반드시 완료해야 하는 작업 - **Medium**: 현재 스프린트에서 가능하면 완료해야 하는 작업 - **Low**: 시간이 허락하면 진행할 작업 ### 작업 추적 도구 - GitHub Projects: 작업 항목 관리 - GitHub Issues: 세부 작업 및 버그 추적 - Slack: 일상적인 커뮤니케이션 - Figma: 디자인 공유 및 협업 ## 결론 이 스프린트 계획은 ZELLYY 앱의 MVP 개발을 위한 로드맵을 제공합니다. 각 스프린트는 명확한 목표와 작업 항목을 가지고 있으며, 점진적으로 앱의 핵심 기능을 구현해 나갑니다. 이 계획은 프로젝트 진행 상황과 사용자 피드백에 따라 유연하게 조정될 수 있습니다.