팀 최종 프로젝트[booker] - 16일차(반응형 작업)

규갓 God Gyu·2024년 1월 31일
0

프로젝트

목록 보기
50/81

해야할 부분 및 진행한 부분

<진행한 부분>
(지예)도서소개 무한스크롤 다 보이면 멈추게
(지예)독립서점 지도 검색창 구현 - 백엔드 서버 배포중

<해야할 우선순위>
(전체)주석처리 한 부분

  • 본인파트 주석처리 지우기(다음주까지)
    marketlist쪽 logoimage 크기 조절(노이미지 아이콘)
    -> B대신 다른거 찾아보기
    (민규)네브 바 - 로그아웃 시 아이콘 살짝 움직이는 문제
    (민규)webp import 어디서 할지 제대로 정하기
    userprofile.tsx -> import하는부분 튜터님께 물어보기
    74번째 줄 + style받아서 물어보기 + type
    반응형 웹, 다크모드
    (병택)중고 거래 채팅 나중에 컴포넌트 합치기(최적화/리팩토링 과정)
    (나연)성능검사
  • 중간발표 직후 vs webp 적용 이후 vs 코드 최적화/리팩토링 이후
    (나연)메타이미지
    (나연)팔로우 리펙토링 컴포넌트 분리
    (주원)메인 슬라이드(궁극적)
  • 네이게이트 + 밑에 문구도 변경되도록
    (미정)채팅창에 이모티콘 및 사진 보낼 수 있는 기능 (나중에 생각해보기)
    (미정)욕설 필터링
    (미정)피드백 처리
    (미정)유저 등급 나누기
    (미정)toast file alarm?? <알람창 좀 더 세련되게
    (미정)문의하기 - 관리자 입장 여러유저와 실시간 채팅을 할때 ui 쪽 보완하기
    (미정)package json 간단한 관리 필요
    -개발환경에서만 필요한 eslint 같은건 개발환경에서만 build될 수 있게
    -devDependencies
    (미정)meta tag 아직 없음 -> react snap/helmet으로 페이지별로 태그
    (고려해야할 부분)
    (미정)독립서점 상세보기 클릭해야만 우측에 생기는 허전한 느낌 없애기
    <유저 피드백 고려해야할 부분>
    [좋았던부분]
    성능/속도 - 17
    편의성 - 15
    구현기능 - 17
    디자인 구성 - 22
    ☆특히 채팅 구현이 굉장히 깔끔해보였습니다.☆
    [불편한부분]
    성능/속도 - 2
    편의성 - 6
    구현기능 - 11
    디자인 구성 - 8
    [합산]
    성능/속도 89% good
    편의성 - 71% good
    구현기능 - 60% good
    디자인 구성 - 73% good
    [가장 불편한 서비스]
    로그인/회원가입 - 2
    메인 - 2
    북커톡 - 2
    도서소개 - 4
    맞춤추천 - 4
    중고거래 - 5
    독립서점 - 3
    마이페이지 - 3
    검색 - 0
    채팅 - 5
    [이미 해결한 부분]
    ○진행중인 채팅 없을 때 안내문구
    ○채팅 기능 이용할때 끝 글자 2번씩 보내짐(배고파->배고파파)

[필수]
○상품 등록 시 중간에 첨부한 사진 제거
○맞춤추천에서 안나오는 책도 있었음(ex 가치-> 지혜 선택)
->로직 수정중(디벨롭)

○중고거래 글 남기면 딜레이가 발생(글자수or사진多)
○맞춤추천 내용 강화(질문지 더)
○로그인 유효성검사 글씨 지우면 사라지게 하기
○프로필 수정하기 -> 수정되면 직관적 아이콘 표시
○nav바에 현재 보고있는 페이지가 무엇인지 표시
->보고있는 페이지에 색깔로 표시
○메인 캐러셀 -> 오늘의 책(특정 책 안내) ->버튼 클릭하면 페이지 이동되게
○로그인하면 닉네임 띄워놓기(혹은 사진까지)
○중고거래 금액란에 0만 들어갈 수 없게
○금액에 얼마이상 얼마이하 가능 같은 문구 혹은 0원이라면 무료나눔 항목
○console.log 406 error 많이 뜸
○글쓰기에서 로그아웃하고 뒤로가기 누르면 글쓰기 페이지로 이동되는것
->등록불가보다 아예 들어갈수없게 차단하는 방법이 더 좋음
○중고거래 글쓰기수정페이지에서 로그아웃하고 뒤로가기하면 수정도되고 등록까지됨
[고려]

○댓글 추가 순서 Desc
○북커톡, 중고거래에서 게시글 작성 시 글자 수 제한(고민)
○독립서점 페이지 우측에 목록?
○중고거래 개인적 거래, 상품 받아 검수하고 상태 체크하는지 알려주기
○디자인 보완
○커뮤니티 가시성 높이기?
○UX디테일 전체적으로 조금씩 더 고민
○중고거래 책의 상태에 대한 명확한 기준
○메인 그림의 순서 랜덤??
○책의 미리보기 넣기 기능?
○책 종류 부족?
○도서소개 서버키는시간 아닐때 들어올때 서비스점검시간입니다 알럿창
[추가]
둘이 1:1로 중고거래하면 불이익에 대한 처리 안내문구?
(ex. 신중한 거래를 위해 판매자의 계좌로 직접 입금하지 말아 주세요. 본 사항을 지키지 않아 생기는 과실의 경우 본 사이트에 책임이 없습니다 같은.,.?)
○중고거래 사진 없이 사진 누르면 에러
○메인페이지에서 1. 북커톡 4개 누르면 해당 글이 안보입니다. 메인의 북커톡 부분에 카테고리도 같이 볼 수 있으면 좋을 것 같습니다, 2. 도서소개 신간도서를 눌러서 들어갔는데 좌측에 네비게이터에는 베스트셀러에 포커스가 되어있습니다. 3. 중고거래: 클릭하면 상세페이지로 넘어가지 않습니다. // 북커톡페이지 1. 글쓰기 시 등록 버튼이 안보입니다..제가 못찾는 건가요? 그리고 '내용을 입력해주세요' 이 부분이 포커스 했을 때에는 자동으로 사라지면 좋을 것 같아요. //중고거래 상세페이지 대화하기 채팅 시 한번만 입력했는데 두개씩 채팅이 입력됩니다. 북커톡 상세 댓글에서 대댓글이 없는 경우는 답글 펼치기가 안보이면 좋을 것 같아요. 대댓글이 없는데도 펼치기 접기가 있으니까 조금 이상하다는 생각이 들어요.
○책 맞춤추천 이용가능시간

○중고거래 개인거래/상품검수상태체크하는지 알수없음
○주변 서점 함께 갈 친구
○책 평점 및 후기 남길 수 있는 기능
<발표파트>
비동기처리 - 리코일 - 클라이언트 전역상태 목적
리액트 쿼리 - 서버 관리 목적성이 강함
(이미 저렇게 나온 라이브러리이기에 굳이 저 두개를 비교할 필요는 없음)
(아예 비동기처리하는 다른 라이브러리와 비교해서 설명하기)
(다른 라이브러리와 비교하든 장단점을 따져서 채택한 이유를 말하든 선택)
(관점을 바꿔서 어떤걸 고민했다로 말하는게 나음)
수파베이스 비교는 진행이 안되어있음(ex firebase) 비교를 하는게 좋을듯
(rdbms-데이터베이스 구조 noSQL 차이 설명) - firebase와 비교
수파베이스 스키마 erd 발표때추가 추천(구성 짜임새 있고 완성도 있어 보임)
아키텍쳐 그릴 때 클라우드크래프트 사이트 활용해서 그리기(다이어그램 예쁘게 그릴 수 있는 툴)

해결한 부분

css 안에 컨텐츠들이 바깥에 막고있는 컨테이너 크기 때문에 그 크기에 맞춰 원래 정해놓은 크기보다 더 줄어드는 현상 -> 외부 컨테이너에 height에 auto 주니 해결

해결해야하는 부분

관리자 채팅창 요청 무한 츠쿠유미였던 부분 디펭던시어레이에 messages 삭제하니 해결
but 실시간으로 채팅이 올라가지 않고있음

채팅쪽 문의하기 들어갔을때 나가는 버튼 있어야함
근데 코드 맞물려있어서 바로는 진행이 힘듬

profile
웹 개발자 되고 시포용

0개의 댓글