[Apollo,Client] 메인 페이지 디자인 수정 & 상품 리뷰하기 리팩토링 외 기타수정

[raw20]

Apollo

• userCode -> kakaoId 로 수정 : scalar type -> Float로 타입 변경 (mysql에서는 bigint형으로 변경)
  • 유저 테이블의 kakaoId값만 string형으로 저장 (mysql에서는 bigint형으로 저장)
  • 로컬스토리지에서도 stiring으로 저장
  • 상품, 댓글 테이블의 kakaoId는 number형으로 저장해도 정상적으로 작동되는것을 확인. 나머지 부분을 작업한 후 유저테이블의 kakaoId도 number형으로 변경 예정
• 댓글 스키마 재정의 및 댓글 수정 Mutation 추가
• 기존 10개의 상품 데이터가 담긴 상품 테이블에서 @alsrb3272 가 크롤링으로 수집한 100개의 상품 데이터가 담긴 테이블로 교체

Client

메인화면 디자인 수정

• 로그인 상태에서 프로필 사진 클릭 시 툴팁 형태 메뉴 버튼 출력
• 배너를 라이브러리를 이용하여 캐러셀로 형태로 변경

수정 전

수정 후

상품 상세 페이지 수정

• 기존 상품데이터엔 3개이상의 상품이미지가 있어서 상품 상세페이지에서 상품이미지를 슬라이드 형태로 구현하였습니다. 하지만 이번에 데이터를 크롤링하면서 상품이미지가 1개씩 밖에 수집을 못하여 슬라이드 기능을 삭제하였습니다.

리뷰기능 리팩토링

• 전체적으로 UI 개선
• 리뷰 등록 시 별점 기능 추가
• 수정 기능 추가
• 리뷰 입력 시 새로고침 후에도 작성한 부분이 유지되도록 구현 (로컬스토리지 활용)
• 수정 삭제 시 알림 창이 출력되고 mutatuon이 성공 또는 실패시 toast 메시지 창을 출력하게 하여 사용자 경험을 개선하였습니다.
• 최대한 커스텀 Hook을 이용해 코드의 가독성을 높이고 관심사 분리를 최대한 하였습니다.
• 날짜가 정상적으로 출력되지 않는 부분은 추후 수정하겠습니다.

수정 전

수정 후