23.02.24) 최종 프로젝트 작업을 진행한 82일차

최종 완료된 파일(release)

https://github.com/tacku-table/tacku-table.git

완성된 페이지

https://tacku-table-agp8jp3i1-tacku-table.vercel.app/

 

https://youtu.be/nlQFUr5__pM

 

 

 

트러블 슈팅

• 트러블 슈팅
  • 스토리지에서 이미지를 불러올 때 로딩 속도를 줄이고자 함.
    • Next/Image
      • lazy loading, priority
      • 자동 이미지 캐싱으로 빠른 접근이 가능
    → 이로 인한 이미지 외부링크 에러 해결을 위해 loader 속성 추가
  • 로그아웃시 해당하는 유저의 기록을 브라우저에서 삭제
    • sessionStorage.clear()를 통해 저장된 유저uid 값을 초기화
  • 회원과 비회원의 유무의 따라 특정한 게시글을 볼 수 있도록 함.
    • sessionStorage.setItem()을 이용해 로그인한 사용자와 비로그인한 사용자에 따른 결과값 출력
  • 해당하는 게시글의 데이터를 가져올 때 미리 렌더링된 화면이 보이도록 함.
    • getServerSideProps로 외부 데이터를 서버에서 받아와 초기 데이터로 설정하고 페이지로 전달 → 요청할 때마다 실행
  • 사진의 용량에 따른 업로드 시간에 유저가 이를 확인할 수 있도록 함
    • 로딩시간에 따른 모달 출력

 

튜터님의 피드백

• alert대신 모달같은걸로 대체
• readme 수정하기 
• github 테스트 짜잘하게 나누기
• 이미지,동영상 최적화 개선...? (비포에프터캡쳐하기)

추후 개발 및 기술적인 도전 계획

• MVP 다음 목표인 추가기능 개발 완성
  • 마이페이지의 커버이미지 커스텀 기능
  • 팔로우 기능
  • 유저 개인페이지 추가 ( 다른 사용자의 개인페이지로 방문 가능 )
  • 페이지네이션 기능
  • 이메일 인증, 소셜 로그인 기능
  • 닉네임 중복여부 체크 기능
• 성능 개선 (리팩토링)
  • 데이터 로딩 속도 개선 필요 → 스켈레톤 ui도 적용하여 사용자 경험 개선
  • 상태 관리툴 (리코일) 사용하여 데이터 관리 효율성 향상