에러 해결

style.div가 아닌 img로 저장해서 세팅을 해버리면 돋보기 주변에 ㅁ가 생긴것처럼 이상한 border가 생겼었다. 아무리 border를 지우고, inline-block 등등 별의 별 테스트를 해봐도 사라지지 않아서 몇시간을 고민하였으나, div가 아닌 img로 세팅을 해서 그런 것 같다

진행한 부분 & 해야할 부분

<이번에 배운 부분>
img 태그에 흰 네모선이 사라지지 않는 이유

• div로 감싸지 않아서 -> div로 수정

<진행한 부분>
전체 jpg, png -> webp로 변경
잡담방 홍보글 게시완료
베포용 아이디 발급 완료
3주차 mvp 피드백 체크 (완료✓)
독립서점 메인 사진 제작 완료
검색 페이지 메인페이지 로딩바 완료
문의하기

• 전역에서 보일 수 있도록
  메인
• 북커톡, 도서소개, 중고거래 페이지 이동
  카톡 및 디코 등등 다른쪽에서 홍보할 문구 정하기(반응형 먼저)
  (나연)북커톡
• 큰 카테고리를 클릭했을 때 모든 게시글 한 번에 보이게끔 수정
  (나연)마이페이지 북커톡/중고거래 게시글 목록 height 줄이기
  (나연)메인
• 북커톡 : 하트 많은 순(인기순)
• 중고거래 : 신규순
  (주원)푸터 마우스 커서 cursor: default로
  깃헙로그인시 local로 이동됨 - 해결
  (지예)페이지네이션 컴포넌트에서 페이지 넘버스 계산할때 컴포넌트 내부에서 for문하지말고 usememo사용해서 특정 state가 바뀔때만 계산할 수 있도록 최적화하기
  (병택)실시간 채팅 알람 기능
  (병택)중고거래 채팅 코드 정리
• 채팅 상대방의 닉네임/사진을 검은 바 위치에 보여주기, 채팅창 상단에 제품 사진/정보 고정시키기, 구매확정은 채팅창 상단의 제품 정보 클릭했을 시 네이게이트 이용하여 상품 상세 페이지로 이동 후 수정 기능을 이용하여 판매상태 변경
• 채팅 시간 보여주기: 날짜를 보여줘야 하는데 어떻게 해야할 지 .. 일단은 날짜/시간 모두 넣고 헤비해보인다면 날짜 빼기 (궁극적으로는 날짜와 시간을 분리하는 것이 목표) - day js 사용하기
  (나연)맞춤추천 라우터 및 컴포넌트 정리(결과 파라미터)

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

• 본인파트 주석처리 지우기(다음주까지)
  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

[이미 해결한 부분]
○독립서점 지도 네모 없애기
○아래로 쭉 내린 후 맨위로 올라가는 버튼
○구글 / 깃허브 로그인 에러
○제목 저자 출판사 좀 더 명확히 구분짓는 디자인
○독립서점 지도 오버레이 상호명도 띄우기
○베포사이트에서 채팅기능동작안했었음
○맞춤추천 ux갑자기 확 떨어짐(짤리는 현상) - 반응형 해결하면 될듯?
○로그인 안하고 맞춤추천 들어가면 '공백'님이 좋아할만한..으로 뜸
○도서소개 글간격 너무 좁아서 읽기 힘듬
○게시물 댓글 창 패딩때문에 테두리에 쓰는게 가려지지 않게
○도서소개 상세페이지 너무 큼
○도서소개 게시글 제목 글크기 너무 과하다
○마이페이지 상대방 프로필 이메일 보이지 않게 하기(닉네임만)
○게시물 작성 내용 플레이스 홀더 원함
-> 이미 나와 있는 메세지 일일히 지워야 되서 불편함
○좋아요 한 글이 삭제되어도 프로필에 데이터가 남는 문제

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

[고려]
○채팅 기능 이용할때 끝 글자 2번씩 보내짐(배고파->배고파파)
○댓글 추가 순서 Desc
○북커톡, 중고거래에서 게시글 작성 시 글자 수 제한(고민)
○독립서점 페이지 우측에 목록?
○중고거래 개인적 거래, 상품 받아 검수하고 상태 체크하는지 알려주기
○디자인 보완
○커뮤니티 가시성 높이기?
○UX디테일 전체적으로 조금씩 더 고민
○중고거래 책의 상태에 대한 명확한 기준
○메인 그림의 순서 랜덤??
○책의 미리보기 넣기 기능?
○책 종류 부족?
○도서소개 서버키는시간 아닐때 들어올때 서비스점검시간입니다 알럿창

[추가]
○중고거래 채팅창 목록 확인할 수 없어 불편하다
-> 이해를 못하게 되어있다 지금은
둘이 1:1로 중고거래하면 불이익에 대한 처리 안내문구?
(ex. 신중한 거래를 위해 판매자의 계좌로 직접 입금하지 말아 주세요. 본 사항을 지키지 않아 생기는 과실의 경우 본 사이트에 책임이 없습니다 같은.,.?)
○중고거래 사진 없이 사진 누르면 에러
○메인페이지에서 1. 북커톡 4개 누르면 해당 글이 안보입니다. 메인의 북커톡 부분에 카테고리도 같이 볼 수 있으면 좋을 것 같습니다, 2. 도서소개 신간도서를 눌러서 들어갔는데 좌측에 네비게이터에는 베스트셀러에 포커스가 되어있습니다. 3. 중고거래: 클릭하면 상세페이지로 넘어가지 않습니다. // 북커톡페이지 1. 글쓰기 시 등록 버튼이 안보입니다..제가 못찾는 건가요? 그리고 '내용을 입력해주세요' 이 부분이 포커스 했을 때에는 자동으로 사라지면 좋을 것 같아요. //중고거래 상세페이지 대화하기 채팅 시 한번만 입력했는데 두개씩 채팅이 입력됩니다. 북커톡 상세 댓글에서 대댓글이 없는 경우는 답글 펼치기가 안보이면 좋을 것 같아요. 대댓글이 없는데도 펼치기 접기가 있으니까 조금 이상하다는 생각이 들어요.
○책 맞춤추천 이용가능시간
○진행중인 채팅 없을 때 안내문구
○중고거래 개인거래/상품검수상태체크하는지 알수없음
○주변 서점 함께 갈 친구
○책 평점 및 후기 남길 수 있는 기능

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