[Next.js] 최종 팀프로젝트 - (15) 중간발표 회고록

안셩·2024년 11월 10일
1

프로젝트

목록 보기
34/36
post-thumbnail

1. 기술적 의사결정 & 트러블슈팅 기록

1) 기술적 의사결정

2) 트러블슈팅

  • 캘린더에서 날짜 클릭 시 오늘이 아닌 어제의 데이터가 나옴 ⇒ 오늘 날짜와 비겨콘솔 찍어서 확인해본 결과 콘솔이 20개 이상 찍히면서 비교하는 날짜가 점점 하루씩 늘어나다 월말이 되면 콘솔 더이상 안 찍힘 ⇒ 원인 파악 X
  • 알림기능이 모바일에서 작동이 웹과 다른 작동이 이해가가지 않습니다. 웹에서는 작동하는 기능이 앱에서 기능이 불안정한 이유를 알아야 할것 같음.
  • useEffect안에서 콜백 함수 호출시 state로 선언한 변수 접근 null → 콜백 함수 실행 컨텍스트에서 state가 아직 미할당 → useRef 사용하여 직접 참조

2. 중간 발표 후 회고

1) 미구현 된 MVP 기능

  • 공통: 사용자의 언어별 접근 (예- 사용자가 영어 사용자면 보이는 인터페이스의 변화, ai 튜터나 챌린지의 설명 모국어 적용)
  • 실시간 채팅
  • 복습하기 클릭 시 챗봇과 나눴던 대화 불러오기
  • 로그인한 기록 추적하여 출석 체크 캘린더에 표시하기
  • 1:1 문의
  • 언어 사용률, 신규가입자, 출석률 차트
  • 어드민 페이지 접근 제한

2) 추가/개선 할 기능과 그 이유

  • 모바일에서의 팝업 알림 기능 테스트 및 고도화 - 웹에서의 테스트 완료, 앱에서의 기능 불안정
  • 스타일링 / 디자인 크리틱을 통한 개선
  • 브라우저 리프레쉬 이후 화상 통화 재연결(고민)
  • 챌린지 문제 질 향상
  • ✔️ 오답노트 상세 구현 - 단어는 품사와 발음(TTS)를 문법은 (정답)설명부분 나타내기
  • ✔️ 매칭 중 스피너 변경 및 매칭중일 때는 다른 페이지 이동도 가능하고, 매칭 취소버튼으로 바뀌게 변경
  • 모바일 safeArea 레이아웃 작업 - 모바일에서 안보임
  • zod가 잘 작동 안하는거같음

3) 추가/개선할 기능을 어떻게 구현 할 것인지

  • 실시간 채팅 - supabase broadcast channel
  • 레이아웃 - safeArea 패키지
  • ✔️ Open AI TTS 사용

3. 앞으로 해야할 일

1) 팀 전체

  • 코드 컨벤션 지키기 (ex. 텐스택쿼리 쓸 때 화살표 함수 사용하는 코드도 있고 아닌 코드도 있음)
  • 깃허브 커밋 컨벤션 지키기(몇몇 분들 안지키는 분들 있음..목격함..ㅎㅎ)
  • 공통적인 API 호출 부분 페이지 하나로 모아놓고 가져다가 쓰기
  • 최적화
  • 라이트하우스 성능 측정 전후 비교
  • 적극적인 코드 리뷰
  • 불필요한 패키지 삭제(zustand??)
  • 불필요한 콘솔 기록 삭제

2) 개인(나)

  • 단어 오답노트 TTS로 발음 들려주기
  • 매칭 중 로딩스피너 변경 및 매칭 중일 때 매칭 취소버튼과 다른 페이지 탐색 가능하게 구현
  • 단어/오답노트 품사 및 설명 나타내기

이걸 작성한 다음날 담당튜터님께서 앞으로의 계획부분에 대해 말씀해주셨다.

  • 4주차 12일, 13일 이틀동안은 다같이 반응형 시안(PC버전)을 반영
  • 디자이너님들이 디자인QA를 하면 검수 후 반영 작업

그리고 중간 발표 때 까지는 팀 전체 목표를 바탕으로 MVP를 구현했는데 최종 발표까지는 개인 목표를 중점으로 진행하면 좋을 것 같다고 피드백을 주셨다.

나의 개인목표는 디자이너님의 시안대로 추가 기능 구현을 해보기로 하였고,
위의 개인이 해야할 일(3가지)과 동일하다.

profile
24.07.15 프론트엔드 개발 첫 걸음

0개의 댓글