pjhcsols
commented
3 months ago - 메인페이지 헤더 라우터 기능
- 스토어페이지 헤더 라우터 기능
- 스토어 페이지에서 상품 상세페이지 이동
- 상품 상세페이지 내 여러 기능 구현
- 백엔드 서버 api와 연결하여 상품 이미지와 가격, 사이즈 등 상세 정보 불러옴
- 색깔과 사이즈 Option 선택 후 상품 개수 조절 기능
- 공유버튼 기능 구현 (해당 상품 페이지 url 복사)
- 로그인 / 회원가입 페이지
- 구매하기 버튼 활성화
- 좋아요 기능 구현 (스토어페이지, 상품상세페이지, 검색결과페이지)
- 백엔드 서버로 localStorage의 로그인 토큰 전달
- 마이페이지에서 좋아요 목록 확인 가능
- 장바구니 기능 구현 (스토어페이지, 상품상세페이지, 검색결과페이지)
- 화면에 옵션(사이즈, 색깔, 갯수) 선택하는 팝업 띄우기
- 백엔드 서버로 localStorage의 로그인 토큰과 함께 선택한 옵션 정보 전달
- 마이페이지에서 장바구니 목록 확인 가능
- 구매하기 버튼 구현
- 상품 상세 페이지에서 선택된 옵션을 리스트에 담아 전달
- 마이페이지에서도 장바구니에서 선택한 상품 구매 가능
- AI 가상 실착하기 버튼 구현 1)AI 가상착장 버튼을 클릭했을 때 ⅰ)사용자 이미지가 DB에 존재하는 경우 기존 이미지를 사용하시겠습니까? 팝업창 띄움 예 -> 바로 AI서버로 사용자이미지 url과 상품이미지 url을 전송 아니요-> 새로운 이미지 첨부하는 모달페이지로 이동 ⅱ )사용자 이미지가 DB에 존재하지 않는 경우 사용자가 이미지를 첨부하는 모달페이지 생성 후 사용자가 직접 이미지 첨부함 모달페이지의 확인 버튼을 클릭하면 /user/uploadImage로 파일 넘기기 그리고 서버에서 반환되는 사용자 이미지 url을 상품이미지 url와 함께 AI서버로 전송 2) 상품상세페이지의 메인 이미지를 AI서버로부터 전송받은 가상착장이미지로 변경 3) 이미지를 제대로 전달받았으면 AI 서버로 userID를 한번 더 보냄 -> AI서버에서 사진 삭제할때 사용
- 상품 검색 기능 추가
KimGona
ryunaeun