[React/TypeScript] 최종프로젝트 - Mango(환경오염 줄이기 / 지구 살리기 프로젝트!) (진행 중) - 중간 발표 회고

 

어느덧 중간 발표까지 시간이 흘렀다!

항상 느끼지만 시간은 너무나도 빠르다.

 

나는 이번 중간 발표를 맡게 되었고 떨리는 심장을 부여잡고 잘 마무리하였다.. 많이 연습한 덕분이다

발표 후 튜터님의 피드백을 토대로 중간 발표 회고를 작성해보겠다

 

중간발표 피드백 기록

• react-query 관심사 분리 좋음
• package.json 중 dev dependency 필요한 거 분리해도 좋을 거 같음
• 뉴스룸 크롤링 구현해보는 것도 방법
• Calendar date를 moment가 아닌 dayjs로 구현 (용량 이슈)
• 최적화 꼭 필요: Router - lazy loading / Code splitting 등 구현해보기 **
• lighthouse로 변경 전/후 사진 찍기 (성능 최적화)
• 도메인 구매하여 배포
• 댓글, 글 작성시 욕설 필터링 (옵션)
• 반응형 웹 ( 모바일 사이즈 / 태블릿 사이즈 고려 안해도 됨)
• 코드 가독성을 높이기 위한 전반적 리팩토링
• 검색 기능 구현
•  displayName과 photoUrl 변경되었을 때 자동으로 다른 정보들도 업데이트 되게 전역 상태로 관리
• query string 기반으로 state 관리 (새로 고침하거나 url을 공유하면 state가 유지될 수 있게)
• 기타 소셜 로그인 (네이버 or 카카오)
• 프로필 불안정한 에러 수정

 

우선순위로 해야할 것

 

0순위

• lighthouse 측정 @ALL
• 승훈(디자이너)님 피드백들
  • 망고소개 하단 내용 @Ashley
  • 상세페이지 좋아요 구현 @Ashley
  • 망고소개 CSS 수정 @Ashley
  • 상세페이지 헤더 CSS 수정 @Ashley
  • 홈 헤더 CSS 수정 @Ashley
  • 인기게시물 @Soli
  • 캘린더 소개글 @Hailey
  • 글쓰기 칸 위아래로 늘리기
• 현존하는 에러들
  
  • 프로필 수정 2번 안되는거 @Ashley
  • 글쓰기 input 관리 안되는거 @Ashley
  • 로그인 및 회원가입 오류 없이 관리 @Hailey
  • Auth 불러오는거 useContext 통일 @ALL
  • const authContext = useContext(AuthContext); const authCurrentUser = authContext?.currentUser;
• 코드 정리
• 필요없는 코드 삭제 @ALL
• 로그인 여부 @Hailey, @Soli
• 정리할 코드 함께 논의하기 @ALL
• 최적화 작업 (1월 25일 오후 3시부터)
• Code splitting @ALL
• Router - lazy loading @Hailey
• prefetch 등 @Kim
• useMemo @ALL
• 웹폰트 최적화 @ALL
  • 로컬 폰트 vs. 온라인 폰트
  • 반응형 웹 ( 모바일 사이즈 / 태블릿 사이즈 고려 x) @ALL
  • 도메인 구매 (가비아) @ALL
  • 2월 6일까지 코드 무조건 끝내기

 

1순위

• 공유 기능(카카오톡 또는 링크 복사)
• query string 기반으로 state 관리
• OpenGraph 사용해보기 (미리보기/ 어떤 타이틀, description  보여줄건지!) / 쿼리스트링 활용
• 망고 소개에 있는 비디오 사이즈 줄이기
• SNS 공유하기 기능 (카카오톡 등)

• 검색 기능

•  

2순위

• 소셜 로그인 ( 네이버 및 카카오 )
• SEO
• 전반적인 리팩토링
  • dayjs - 날짜 관리 (모멘트)
  • 이미지 가져올 때 firebase blob 활용
  • package.json 중 dev dependency 필요한거 분리해도 좋음
• 해시태그 분류 기능
•  옵셔널
  • 댓글 알림 기능
  • 팔로잉 팔로워
  • 욕설 필터링(옵션)
  • 뉴스 크롤링
  • 검색엔진 최적화
  • 채팅
  • 캘린더 fun factor 추가하기
  • 회원탈퇴
  • 마이페이지 내가 작성한 댓글 기능
  • 카카오 API ( 홍보를 위한 비즈니스 채널 생성 )
  • 제로웨이스트샵 지도 API

제출 24시간 전

• Lighthouse 마지막 측정 @ALL
• 모달창 통일 @Kim
  • 게시글 글쓰기 사진 삭제 모달창
• 발표 준비 @ALL, @Ashley
  • 시스템 아키텍쳐 드로잉 툴(cloudcraft.co)

 

질문할 것

• assets를 public에서 관리하는 게 좋은지?
• 확장명이 다 동일해야 하는지?
• 프로필 불안정한 에러 수정
• CSR인데 왜 SEO가 높은가?