07.22 오전 스크럼

논의사항

• 스프린트 하위 작업 및 스토리 포인트 산정

• 스토리 추가 관련 사항
• 사용자는 팀에 들어가기 위해 요청된 초대를 받을 수 있다.
• 사용자는 자신의 팀에 팀원을 추가하기 위해 다른 사용자를 초대할 수 있다.
• 사용자는 자신의 팀에 팀원을 초대하기위해 다른 사용자를 조회할 수 있다.

• 백엔드 요청 사항
• 와이어 프레임과 API를 먼저 받을 수 있는지

• 스프린트 끝나는 날 회고를 언제하는지?

토의

• 유스케이스 작성하기 8
• 이전 유스케이스 문서를 확인 3 *4 ⇒ 12
• 유스케이스를 작성한다 5 *4 ⇒ 20

• 1차 API 설계 6 * 4 ⇒ 24

• 1차 와이어 프레임 24
UX의 기본, 와이어프레임은 어떻게 작성하는 것일까
Wireframe (와이어프레임) 사용자 경험의 기본이자 핵심이라고 할 수 있는 와이어프레임은 기초적인 골격을 통해 만들고자 하는 결과물이 어떤 모습을 할 것인지를 예상해 볼 수 있는 중요한 문서입니다. 그렇다면 와이어프레임은 어떻게 작성해 나가는 것일까요? 와이어프레임은 일반적으로 제품이나 서비스의 모든 부분을 흑백으로 그린 개념도 혹은 그림으로 표

https://brunch.co.kr/@second-space/27

• 페이지별 와이어 프레임 및 플로우를 작성합니다.
페이지
• 로그인 페이지
• 팀 생성 페이지
• 팀원 추가/수락 페이지
• 개인/팀 프로필 페이지 ⇒ 개인이랑 팀이랑 디자인을 어떻게 가져갈지에 대해..
• 모든 페이지
• 메인 페이지
• 대결 공고 쓰기 페이지
• 대결 신청 목록 페이지
• 대결 공고 상세 페이지
• 대결 공고 확인 페이지
• 대결 공고 신청 페이지
• 소통 창구 페이지
• 대결 이후 페이지
• 후기 작성 페이지

• 2차 API 설계 6

• 개발(스토리) 3개 ⇒ API 확인
• 회원가입 페이지
• 로그인 페이지
• 개인/팀 프로필 페이지
• 팀 생성 페이지

• 1차 디자인 8
• 와이어 프레임을 기반으로 페이지별 디테일한 디자인을 합니다

• 스토리 추가 좋아요

• 먼저 할 수 있는데 시간이 걸려요

• 1차적으로 끝내고 먼저 드릴게요

정리

• 추후 백로그 추가 가능
• 차트 이상해짐?

• 공통 컴포넌트를 구성한다
• 상단 네비게이션바 컴포넌트 구성
• 하단 네비게이션바 컴포넌트 구성
• 글로벌 스타일 적용

• 다음 스프린트에 디자인도 가져갈 것

• 와이어프레임 ⇒ 처음 한번 전체 페이지에 대한 와이어프레임 작성

• 유스케이스

• Next.js는 라우팅은 자동으로 어차피 폴더명 생성되니까 필요없음

• 회원가입 페이지
• UI 구성(아이디, 비밀번호, 비밀번호 확인, 회원가입)
• 기능 구현(폼 상태관리, Validation Check, lodash)
• API 연동()

• 로그인 페이지
• UI 구성
• 기능 구현
• API 연동

• 팀 생성 페이지
• UI 구성
• 기능 구현
• API 연동

• 개인/팀 프로필 페이지
• 더미 데이터로 UI 구성