공통 피드백

• 각종 안내 문구 통일, notification 관련 공통 함수 만들기 권장
• 네트워크 통신 함수 중에서 에러 처리가 분명하지 않은 경우
  • supabase 통신 단계에 도달하기 전 네트워크 이슈 등 예상치 못한 에러 상황을 try-catch로 가드해줄 필요성이 있음
  • toast, alert 등 사용자에게 에러 상황을 인지시킬 수 있는 방법 논의
• 각종 폴더 네이밍 오타 주의, Lint 어긋나지 않게 확인
• React. → 사용하지 마세용 별로래용
• 컨벤션 잘 지키기
  • constants.ts
    • regions도 다른 constants처럼 대문자로 시작하게끔 수정하기

페이지별 피드백

• 메인 화면, 디테일 페이지
• 게시글 작성 페이지
• 채팅 페이지
• 검색 페이지

렌더링 문제

<aside> 💡

메인 화면에서 Largest Contentful Paint(콘텐츠가 포함된 최대 페인트 요소) 렌더링 시간이 지연되고 있는 것 같습니다. next.js의 Image는 기본적으로 lazy loading되는데, 이미지를 제외한 페이지 상단의 배너 등은 사용자에게 먼저 보이도록 하면 UX를 개선할 수 있습니다.

</aside>

• 각 페이지의 LCP(Large Contentful Paint) 요소가 될 이미지에 priority 속성 추가

  • next.js가 로드할 이미지의 우선순위를 지정할 수 있음

  • 상단에 노출되는 일부 이미지만 우선도를 높여서 먼저 보여주는 방안 고려해보기

    

• isPending 처리 위치 변경해보기

  

빌드 에러 문제개발 도중에 주기적으로 빌드해보면서 확인해보는 것을 권장합니다. 기능 개발을 마친 뒤에 수정하려고 하면 너무 많은 재작업이 필요해질 수 있습니다. 또한 빌드 에러를 해결한 뒤에도 여전히 렌더링 문제가 있는지 확인해보면 좋을 것 같습니다.

• 서버 컴포넌트에서 params로 동적 라우팅하는 것이 빌드 에러를 일으키기 쉬움