[Week3] 스프린트 리뷰

금주 스프린트 계획

• FE
  • 화이트보드 객체 설계
  • 멀티플레이를 위한 서버와 통신 아키텍처 및 데이터 구조 설계
  • Fabric.Js를 이용한 화이트보드 싱글 모드 구현
• BE
  • Object Table CRUD
  • 실시간 공유 편집을 위한 Socket 서버 구축
  • 실시간 공유 장애 대응 수단 마련 (Redis 등)

구현한 기능

• FE
  • 실시간 마우스 포인터 공유
  • 실시간 객체 crud 연동
  • 화이트보드 줌 기능(Zooming)
  • 화이트보드 이동 기능(Panning)
  • 화이트보드 기본설정(크기, Grid)
  • 화이트보드 레이아웃 (Toolkit 및 헤더) 구현
  • 화이트보드 Object Edit menu 구현
  • 선택된 mode에 따른 커서 수정 구현
• BE
  • Object Table CRUD
  • Socket.IO 서버 구축
  • Workspace Object 관리 테이블 구조 변경 및 TypeORM 반영

결과

• 화이트보드 - 사용자는 화이트보드 화면을 이동할 수 있다.
• 화이트보드 - 사용자는 화이트보드 확대/축소 할 수 있다.
• 화이트보드 - 사용자는 모드(select, move)를 선택할 수 있다.
• 화이트보드 - 편집자는 섹션을 화이트보드에 추가한다.
• 화이트보드 - 편집자는 섹션을 수정한다.
• 화이트보드 - 편집자는 포스트잇을 화이트보드에 추가한다.
• 화이트보드 - 편집자는 포스트잇을 수정한다.
• 실시간 공유 편집 - 사용자는 화이트보드에서 맴버들의 커서 위치를 실시간으로 확인한다

개선할 점

• 화이트보드 - 객체 삭제 로직 설계 및 구현
• 화이트보드 - 객체 타입별 default 속성 정의
• 실시간 공유 편집 - 주고받을 객체 데이터 정의