1주차 스프린트 계획

서기 : @정민 안

🤔 저번 주까지 진행된 일

공통

• 노션 문서화 구조 마무리
• Github wiki 작성
• 이슈 템플릿 작성
• Figma 디자인 (완성 X)

FE

• 환경 설정 (story book 제외) 완료
• svg react 설정 (+ 버그 픽스)

CRA 프로젝트에서 svg파일 관리하기 - 박세영

• story book 테스트 예제

BE

• 스택 선정 이유, 로드맵, 명세서 추가

⁉️ 이번 주에 진행되었어야 할 일

✅ 프로젝트 진행 상황

💡 이번 주 해야할 일

BE

• 서버 기본 환경 설정
• 인터페이스 디자인패턴을 활용해 여러 OAuth 구현체 구현
• MySQL + TypeORM 를 활용한 DB 설계
• nCloud 서버 인스턴스 설정
• nginx를 활용한 배포
• 도메인 + https 적용
• 허스키 설정

FE

• 스토리북 세팅
• 기본적인 디자인 시스템 구축
• 피드백 페이지 구현
• 비디오 컴포넌트 명세/구현

일일 계획

Day 1

FE

• 스토리북 세팅
• 기본 스타일 설정
• 컴포넌트 명세 작성

BE

• 서버 환경 설정
• DB 설계

Day 2

FE

• video 컴포넌트 구현
• feedback 컴포넌트 구현

BE

• 로그인 및 회원가입 (by OAuth)

Day 3

FE

• timeline 컴포넌트 구현
• 동기화 로직 구현

BE

• JWT 인증, 로그인 유지
• 도메인 및 https 설정

Day 4

FE

• pin 기능 구현
• 배포

BE

• 서버 배포
• CI/CD

Day 5

FE

• 데모
• 리팩터링
• 회고

BE

• 리팩터링
• 테스트 작성

데모 시나리오

시나리오	입력	결과
인터뷰 영상을 재생할 수 있다.	video 요소를 클릭한다.	영상이 재생된다.
피드백을 작성할 수도 있다.	Input에 피드백을 작성한다.	timeline에 피드백이 추가된다.
영상과 타임라인이 동기화된다.	영상을 재생한다.	영상 재생 시점 근처의 피드백을 보여준다.
피드백을 눌렀을 때 영상이 동기화될 수 있다.	피드백을 클릭한다.	영상이 피드백이 작성된 시점으로 동기화되어 재생된다.
피드백을 고정시킬 수 있다.	피드백 별 핀 버튼을 클릭한다	피드백이 고정된다.

*️⃣ 특이 사항

• 멘토님 미팅 요청 (화, 수 예정?)