Skip to content

✒️ Week 5 스프린트 계획

DongRyeong Lee edited this page Dec 13, 2023 · 1 revision

📌 Week5: 2023.12.04~2023.12.08

개인별 목표

금주에 시도해보고 싶은 개인별 목표를 간단하게 기록해보세요!

이동령

  • 기술적인 딥다이브…! 심도있는 부분들을 구현해보거나 개선해보고 싶습니다. 여기에 기록까지!

변진상

  • 구현 열심히 하는 와중에 설계, 기록을 잊지 말자!

정주완

  • 그동안 구현에만 급급했던 것 같아서.. 기술적으로 깊이있는 도전 해보기!

이현종

  • 프로젝트 끝나고 조금이라도 더 열심히 해볼 걸 하는 마음 안 들도록 하루하루 시간 알차게 보내기 ! 많은 예외처리 및 검증 등 꼼꼼하게 구현하기 ! 프로젝트 질문 대비하기

이승연

  • 일단 거의 다 완성하기! 아마 제일 개발만 하는 주가 되지 않을까 싶은데 열심히 해보겠습니다

이번 주 목표

  • 구글 로그인
  • 강의방 생성과 입장
  • 다시보기 기능
  • 참여자 → 발표자 질문하기

FE

동령

  • #7 버튼을 클릭하여 구글 소셜 로그인을 진행할 수 있다.

  • #9 서버로부터 받은 프로필 이미지와 닉네임을 표시한다.

  • #12 닉네임을 검증하여 올바른 경우 시작하기 버튼을 활성화 하고, 올바르지 않은 경우 경고 문구를 표시한다.

  • #13 활성화된 시작하기 버튼을 클릭하면 메인 페이지로 이동한다. (검증, 분기 처리)

  • #14 닉네임이 중복되었으면 경고 모달을 표시한다. (모달 구현)

  • #61 사용자의 프로필과 정보(닉네임, 이메일)을 확인할 수 있다.(서버요청 포함)

  • #63 로그아웃 버튼을 클릭하면 로그아웃 후 로그인 화면으로 이동한다. (서버 요청)

  • #24 404 페이지를 확인할 수 있고, 버튼을 클릭하여 메인 페이지로 이동할 수 있다.(UI 작업 포함)

  • #77 서버로부터 지난 강의 기록을 불러온 후 화면에 리스트를 렌더링시킨다.

  • #78 특정 강의 선택 시 다시보기 페이지로 리다이렉트된다.

  • 강의 생성과 강의 참여 관련 API 연동

  • 다시보기 페이지 관련 프로토타입 구현

  • hook과 상태관리 분리, directory 구조 개선 ~~/frontend/src/store/stateSpeakerVolume.ts(카멜)~~/frontend/src/stores/stateSpeakerVolume.ts(카멜)

  • 모바일 고려 PWA 작업

  • SEO 관련 작업 (구글 검색창 검색 시에 노출되도록)

  • svg 관련 처리 방식 고민

  • modal 관리 방식 고민, 개선

주완

  • 강의자 화이트보드 공유 안정화 (바로 잘 나오는지, 영상 저장은 잘 되는지 테스트 + 시간 나면 공유 방식 개선 고려)
  • 미디어 서버와 연결 후 소켓 작업 테스트
  • 강의 코드에 맞춰서 강의방 생성/입장
  • 강의자 다시보기 페이지 구현 (자막, 영상 받아서 표시)

진상

  • #42 강의 참여 페이지 채팅 사이드바를 사용자가 확인할 수 있다 (UI 작업)
  • #40 질문 내용을 입력하여 버튼을 클릭하면, 서버에 질문 내용을 전달한다.
  • #185 질문이 들어오면 발표자에게도 반영하기(인디케이터, 질문리스트)

BE

현종 (API 서버에서 기능 구현할 건 다 끝내기)

  • 프론트랑 구글 로그인 연동 완료하기
  • #00 최초 로그인 유저인지 확인하는 로직 추가하기
  • #79 클로바 API 연동하기 → 영상에서 글을 추출하기 (승연님이 맡아주심)
  • #00 미디어 서버로부터 화이트보드 수정사항 받으면 DB에 저장
  • #00 다시보기 기능 API 구현 (화이트 보드 JSON 받아서 클라이언트한테 뿌리기)
  • 강의 참여 시 발표자의 마지막 화이트 보드 수정사항 받기 (발표자 재접속시 완료되지 않은 질문도)
  • #00 (시간되면) 사용자 인증 완벽히 설계하고 구현하기

승연 (미디어 서버에서 기능 구현할 건 다 끝내기)

  • #59 미디어 파일 로컬 디렉토리에 저장한거 DB나 저장소에 저장하기
  • #00 강의 끝나면 api 서버로 1번링크랑 강의실 번호랑 해서 강의 끝났다는 요청 보내기
  • #00 발표자 화이트보드 브로드캐스팅 하기
  • #00 미디어서버 연결하는 부분 개선하기
  • #00 프론트랑 개발한 부분 잘 연동하기

요일 별 계획

월요일

담당자 테스크 설명
모두 5주차 스프린트 계획
변진상 #42 강의 참여 페이지 채팅 사이드바를 사용자가 확인할 수 있다 (UI 작업)
변진상 http://socket.io/ 또는 소켓통신 공부하기
정주완 강의자 화이트보드 공유 개선사항 테스트
정주완 미디어 서버와 연결 후 소켓 작업 테스트, 소켓 recoil 연결 테스트
이동령 #7 버튼을 클릭하여 구글 소셜 로그인을 진행할 수 있다.
이동령 #9 서버로부터 받은 프로필 이미지와 닉네임을 표시한다.
이동령 #12 닉네임을 검증하여 올바른 경우 시작하기 버튼을 활성화 하고, 올바르지 않은 경우 경고 문구를 표시한다.
이동령 #13 활성화된 시작하기 버튼을 클릭하면 메인 페이지로 이동한다. (검증, 분기 처리)
이동령 #14 닉네임이 중복되었으면 경고 모달을 표시한다. (모달 구현)
이동령 #24 404 페이지를 확인할 수 있고, 버튼을 클릭하여 메인 페이지로 이동할 수 있다.(UI 작업 포함)
이현종 구글 로그인 프론트엔드 연동 완료하기
이승연 API 문서 수정
이승연 NCP Object Storage 설정

화요일

담당자 테스크 설명
이동령 강의 생성과 강의 참여 관련 API 연동
이동령 다시보기 페이지 관련 프로토타입 구현
변진상 #40 질문 내용을 입력하여 버튼을 클릭하면, 서버에 질문 내용을 전달한다.
변진상 #185 질문이 들어오면 발표자에게도 반영하기(인디케이터, 질문리스트)
정주완 강의 코드에 맞춰서 강의방 생성/입장 구현
정주완 참여자 페이지에서 강의 진행 시간을 확인할 수 있다.
정주완 #80 프롬프트 사이드바를 확인할 수 있다. (UI 작업)
이현종 #194 최초로 로그인한 사용자일 경우 닉네임을 설정하도록 한다.
이현종 #79 클로바 API 연동하기 → 영상에서 글을 추출하기
이현종 #00 화이트보드 로그 DB에 저장
이승연 #59 미디어 파일 로컬 디렉토리에 저장한거 DB나 저장소에 저장하기
이승연 #00 강의 끝나면 api 서버로 1번링크랑 강의실 번호랑 해서 강의 끝났다는 요청 보내기

수요일

담당자 테스크 설명
모두 멘토링 대비
모두 릴리즈 한 번 하기 + 릴리즈 노트 작성
이동령 유저 정보 초기 입력 관련 API 연동
이동령 유저 정보 수정 관련 API 연동
정주완 #39 서버로부터 진행자의 화이트보드를 받아 화면에 렌더링한다. (방식 변경)
정주완 #43 화면의 정보들을 주기적으로 서버로 보낸다 (방식 변경)
정주완 #44 강의 참여자는 서버로부터 화면의 정보를 받아 화이트보드를 구성한다 (방식 변경)
정주완 #207 발표자의 화이트 보드를 공유 될 때, 화질이 저하되어 참여자에게 전달된다.
변진상 #185 질문이 들어오면 발표자에게도 반영하기(인디케이터, 질문리스트) 구현 마무리 후 추가 테스크 할당
이현종 #00 다시보기 기능 API 구현 (미디어 파일 받아서 클라이언트한테 뿌리기) → 1차, JSON

목요일

담당자 테스크 설명
모두 금요일 기술 공유 발표 대비 (아침에 발표자 선정)
모두 릴리즈 노트 작성
정주완 #81 AI 기반으로 생성한 강의 프롬프트 표시한다. 특정 시간대의 프롬프트를 표시할 수 있다.
정주완 #82 프롬프트의 내용을 클릭 시 해당 시간대로 재생 시간 이동할 수 있다.
정주완 #31 서버에서 강의 종료 알림을 받으면 메인 페이지로 이동하고, 강의 종료 메세지를 표시한다.
정주완 #36 ‘종료하시겠습니까?’ 모달창을 표시하고 이를 클릭하여 발표자가 강의를 종료하고, 서버에 정보를 알린다.
변진상 #211 질문 채팅 한글 입력시 마지막 글자가 전송되는 버그 해결
변진상 #75 다시보기 페이지에 맞는 헤더 정보를 표시할 수 있다. (강의 코드 disabled)
변진상 #205 발표자 페이지 모바일 접근 막기
변진상 #204 질문 채팅 토글로 숨기고 보여주기
변진상 #80 프롬프트 사이드바를 확인할 수 있다. (UI 작업)
변진상 #216 개선: 발표 참여자-최신 질문에 맞춰 스크롤 이동하기
변진상 #216 개선: 발표 진행자-최신 질문에 하이라이팅
변진상 #216 개선: 발표 진행자-최신 질문을 상단으로 올리기
변진상 #217 개선: 화이트보드-backspace로 그래픽 요소 지우기
변진상 #218 개선: 발표 진행자-메모지 색 하나로 통일

금요일

담당자 테스크 설명
모두 기술 공유
Clone this wiki locally