최종 팀 프로젝트 9일차

1. 오늘 한 일

• 멘토님 멘토링
• 중간회의 & 디자이너 총회의
• (개인) 마이페이지 로직 수정 통해 유저 정보 업데이트(프로필, 사진)
• jira 등 팀원 체크

1. 멘토님 멘토링

• 굳이 카멜 케이스 쓴 이유? : 에어비엔비 자료 사용하여 참고하길 ⇒ 어떤거든 통일된 형태 중요 / 백엔드는 적절한 IDE
• 브랜치 전략 : 전형적인 깃 플로우 전략, 적당 ⇒ 무조건 따라줘야 하는 전략
• 테일윈드 접목한 이유 : 기존 틀 가지고 있으면서 커스텀하기 쉽고 빠르게 만들기 좋아서 이번 기회에 사용해보자라는 취지(소규모에 좋다는 이야기 있었음) ⇒ 쓰는데는 문제 없으나 굳이 써야하는 이유 궁금했음, 유지보수 편한 측면 있는 듯. 도입 전 정말로 필요한지 고민. 나머지는 괜찮다.
• 레디스 접목한 이유 : 데이터 처리 시 속도가 레디스가 빨라서 도입하려고 함 ⇒ 레디스 쓸만큼 성능이 필요할지? ⇒ 실시간 채팅이 추가될 시 대비. 채팅 내용 저장시에 레디스를 연동하는 것이 필요할 듯.
• 타임리프 접목한 이유 : 어드민 페이지 백엔드에서 관리 위해
• API ⇒ 스웨거로 전달 예정
• 질의응답 :
  • 프론트 질문 : 가격책정 리스트 ⇒ 무조건 백엔드에서 해줘야 함. / 게시글 전체조회 시 ~ ⇒ 백엔드에서 처리해줘야 함.
  • 백엔드 질문 : api < 기능, TDD는 옵션(기능 위주로 집중) / JWT~ : 토큰은 레퍼런스 참고 / 백의 response Code 따라 프론트의 추가적인 로직 처리 / S3 ⇒ 이미지 저장소의 개념이면 백엔드가 처리하는게 맞다. 프론트엔드는 백엔드만 바라본다.

2. 중간회의(API 등)

• 전반적인 api 리스트 확인 및 점검
  • 거래 게시글 재욱님 의견 반영
  • 댓글 수정 파트 제거
  • 판매자 패이지 겟 리스트 어떻게 구현할지
• 가격책정 DB 구조 설정(어떤 값을 정해서 DB에 저장하고 쏴주는지)

3. 디자이너 총회의

• 홈페이지 설명 후 시작할 수 있는 로고 및 설명페이지 추가
• 찜하기 카운트 유 ⇒ 댓글 좋아요로도 컴포넌트화 가능
• 리스트에서 검색창은 헤드, 추천순, 인기순 배열은 일단 도전중
• 검색창 등 눌렀을 때 아이콘 표시 다르게(포인트 칼라)
• (추가기능 구현)채팅 ⇒ 모달로 구현하는 것이 낫다고 판단
• 가격측정 모달은 아직 미구현
• 상품등록, 이의제기 등록 : 넘기는 방법 같이 짜는 것 판단
• 이의제기 페이지는 레퍼런스 보면서 수정 예정 ⇒ 상품상세정보 및 등록 페이지와 비슷하게 가시는 것이 편할 것.
• 게시물 삭제 모달 (누르면 삭제 열리게)
• 마이페이지 톱니버튼 ⇒ 고민 더 해보기
• 마이페이지 최근에 본 것 ⇒ 챌린지
• 로그아웃은 마이페이지에 바로 넣기
• 회원정보 수정에 텅 비어있는 부분은 생각해보기
• 색감은 와이어프레임이라 추가로 넣어야 함
• 게시물 댓글 ⇒ 네이버 블로그처럼 페이지 이동 ⇒ (추가기능구현 : 대댓글)
• 가격책정을 모달이 아니라 페이지로 만든다 ⇒ 이후 게시글 작성 혹은 이의제기 작성으로 넘어간다.(페이지 만들고 라우터 판다)
• 상의 필요 : 아이폰 / 맥북 그림고르고 ⇒ 년도 고르고 ⇒ 기종 고르고 ⇒ … ⇒ 페이지수가 적을 수록 이용자가 편하지 않을까?(잘못 골랐다…?) : 페이지 이동 안하고 아이콘 등을 이용한다. 넘어가야 한다면 넘어가도 좋다
• 리스트는 기기명 + 가격 + 제목(6개로 칸 만들어서)
• 검색은 제목 기종 가격으로
• 추후 일정 : 월수금 19:30 : 수요일에 나머지 칸 채운다 생각

4. (개인) 마이페이지 로직 수정 통해 유저 정보 업데이트(프로필, 사진)

(주요 로직)

const nicknameEdit = () => {
  // 백엔드와 협의 필요
  const formData = new FormData();
  formData.append("image", photo)
  const obj = {
    // 임시
    // 나중에 이미지 url을 받아서 뿌려야 함.
    email : write.email,
    nickname : write.nickname,
    password : write.password
  }
  formData.append(
    "memberReqDto",
    new Blob([JSON.stringify(obj)], {type : "application/json"})
  );
  dispatch(__UserProfileEdit(formData));
}

• java와 소통하는 방식 중 하나. Blob에 대해서 배우게 됨

5. jira 등 팀원 체크

• 현재 태스크가 상당히 많이 늘어남(추가 구현 사항) => 기회 봐서 차주 중 최대한 해볼 것
• 백엔드 측면에서 다소 시간이 걸리는 점 양해하면서 하기

2. 느낀 점

• 팀원들 진도 필히 체크, 특히 백엔드와 지속적인 소통 필요
• 팀 간 의견 조율이 생각보다 쉽지 않으니 잘 들어주고 의견 정리 필요
• 개인 코드도 챙기기

3. 익일 할 일(월요일)

• 디자이너 시안 지속 확인
• 백엔드 CRUD 완성되는데로 머지
• 트러블 슈팅 발견 시 해결