[FE]AI 가상 실착하기 버튼 활성화

[ryunaeun]

AI 가상착장 버튼 구현 과정

1. AI 가상착장 버튼을 클릭했을 때 ⅰ)사용자 이미지가 DB에 존재하는 경우 바로 AI서버로 사용자이미지 url과 상품이미지 url을 전송

   ⅱ )사용자 이미지가 DB에 존재하지 않는 경우 사용자가 이미지를 첨부하는 모달페이지 생성 후 사용자가 직접 이미지 첨부함 모달페이지의 확인 버튼을 클릭하면 /user/uploadImage로 파일 넘기기 그리고 반환되는 사용자 이미지 url을 상품이미지 url와 함께 AI서버로 전송 (나중에 이미지 파일 4:3비율로 조절하는 기능 추가)

2. 상품상세페이지의 메인 이미지를 AI서버로부터 전송받은 가상착장이미지로 변경

[ryunaeun]

Feat: 사용자이미지 url 받아오기 및 AI서버 통신

1 -ⅰ와 2 완료

[ryunaeun]

사용자 이미지가 존재해도 이미지 교체를 하고 싶을 수도 있음 1 -ⅰ에 선택창 띄우기 기존 이미지를 사용하시겠습니까? 예 -> 바로 AI서버로 사용자이미지 url과 상품이미지 url을 전송 아니요-> 새로운 이미지 첨부하는 모달페이지로 이동

[ryunaeun]

Feat: 사용자이미지 업로드 기능 추가 및 AI서버에서 받은 사진 화면에 출력[류나은]

1. AI 가상착장 버튼을 클릭했을 때 ⅰ)사용자 이미지가 DB에 존재하는 경우 기존 이미지를 사용하시겠습니까? 팝업창 띄움 예 -> 바로 AI서버로 사용자이미지 url과 상품이미지 url을 전송 아니요-> 새로운 이미지 첨부하는 모달페이지로 이동

ⅱ )사용자 이미지가 DB에 존재하지 않는 경우 사용자가 이미지를 첨부하는 모달페이지 생성 후 사용자가 직접 이미지 첨부함 모달페이지의 확인 버튼을 클릭하면 /user/uploadImage로 파일 넘기기 그리고 서버에서 반환되는 사용자 이미지 url을 상품이미지 url와 함께 AI서버로 전송

2. 상품상세페이지의 메인 이미지를 AI서버로부터 전송받은 가상착장이미지로 변경
3. 이미지를 제대로 전달받았으면 AI 서버로 userID를 한번 더 보냄 -> AI서버에서 사진 삭제할때 사용

[ryunaeun]

팝업 창과 모달페이지 css 수정해야함

[ryunaeun]

Design: 사용자 이미지 추가 모달창 css 추가[류나은]