팀 최종 프로젝트[booker] - 18일차(배포 후 수정과정)

규갓 God Gyu·2024년 2월 5일
0

프로젝트

목록 보기
52/81

회의 내용

사이트 에러 & 디테일하게 손볼거
코드 최적화
1. 남은 시간이 얼마 남지 않아 정말 최적화해서
본인이 강점이 있는걸 맡는게 어떤가
(기능적인 개선 / 최적화 )
2. 일단 본인파트 본인이 최적화 -> 사이트 개선

  • 전역관리해야될 데이터가 좀 있죠
  • 영상제출
    컴포넌트 3개이상 같은 데이터 씀 -> 전역관리로
    2개이하 -> props로
    쿼리 -
    리코일 -
    북커톡 - 카테고리 / 게시글 / 글쓰기 / 댓글 / 상세게시글
    => 메인(카테고리+게시글) / 상세 / 댓글 / 대댓글 / 글쓰기
    =>메인(카테고리+게시글) / 상세 / 댓글 / 대댓글 / 글쓰기
    도서소개 - 카테고리 / 펼쳐진 책 / 상세 책소개
    =>카테고리(베스트셀러/신간도서/스페셜/북커픽)/디테일 페이지
    =>카테고리(베스트셀러/신간도서/스페셜/북커픽)/디테일 페이지
    맞춤추천 - 질문 리스트 / 상세질문 / 책소개
    =>질문리스트 / 상세질문 / 책소개
    =>질문리스트 / 상세질문 / 책소개
    중고거래 - 카테고리 / 게시글 / 글쓰기 / 상세페이지
    =>메인(카테고리+게시글) / 상세페이지 / 글쓰기
    =>메인(카테고리+게시글) / 상세페이지 / 글쓰기
    독립서점 - 지도 / 지도 검색 / 서점 소개 / 독립서점 소개
    =>지도 / 서점 소개 / 독립서점 소개 / 지도 검색(뺴기)
    =>지도 / 서점 소개 / 독립서점 소개 / 지도 검색(뺴기)
    검색페이지 - 북커톡/도서소개/중고거래
    =>한 컴포넌트
    =>한 컴포넌트
    마이페이지 - 프로필 / 내가쓴글(북커톡/중고거래) / 팔로우목록 / 좋아요한글 / 프로필 수정하기
    =>유저프로필/프로필수정/탭(내가쓴글+팔로우+좋아요)
    =>유저프로필/프로필수정/탭(내가쓴글+팔로우+좋아요)
    타겟유저페이지 - 프로필 / 내가쓴글 / 팔로우 / 좋아요
    =>다 다른 컴포넌트에서 불러오고 있음
    =>다 다른 컴포넌트에서 불러오고 있음
    <모달>
    챗모달
    문의하기 - 버튼 전 / 버튼 누른 후 /
    =>버튼 전 / 버튼 누른 후(해야함)
    =>버튼 전 / 버튼 누른 후(해야함)
    중고거래채팅 - 채팅리스트 / 채팅창(모달 / 중고거래)
    =>헤더/입력/바디(메세지)/채팅리스트/채팅알람/중고거래
    =>헤더/입력/바디(메세지)/채팅리스트/채팅알람/중고거래
    기능적 나뉘는게 우선이긴하나 가독성이 충분하고 유지보수 가능하다 판단되는건 합쳤다+재사용성이 없는코드도 합침
    리코일 - 채팅관련(중고거래) / 유저세션(로그인상태) / 파라미터값(페이지 안 컴포넌트 多 다중 컴포넌트 관리 必))
    쿼리 - 북커톡 / 중고거래 / 채팅 / 알라딘 / 카카오 / 사진 / 닉네임
    나연님 - 전역상태관리 팀장
    지예님 - 컴포넌트 분리 팀장
    병택님 - 치킨팀장
    주원님 - 유저 피드백팀장
    민규님 - 튜터님 피드백팀장 / 발표영상
    4:38
    (전역관리 미만 - 동등컴포넌트 2개 이하 / 부모자식 컴포넌트 3개 이하)

진행한 부분

  • 제출용 영상 편집
  • 채팅부분 액박 사진뜨는거 해결
  • 챗봇 이미지 추가

새로 알게된 사실

조건문으로 액박 사진 뜨는 부분을 설정해두었지만 그래도 액박이 뜨고있었다

          <St.ProductImage
            onClick={() => navigateToProductPage()}
            src={productDetails?.image}
          />

그래서 error에 대해 잡아줬더니 바로 해결되었다.
onError에 대해 이번에 처음 적용해보아서 다음엔 더 쉽게 이용할 수 있을 것 같다

          <St.ProductImage
            onClick={() => navigateToProductPage()}
            src={productDetails?.image}
            onError={(e) => (e.currentTarget.src = defaultImage)}
          />
profile
웹 개발자 되고 시포용

0개의 댓글