Wecode-2nd-project-Wevre

프로젝트 주제 : Kream 쇼핑몰을 모델링으로 한 예술품 경매 사이트

-> Kream 쇼핑몰의 [한정판 판매, 경매] 라는 두 가지 특성을 차용하여 예술품을 거래하는 사이트로 재탄생

팀원 소개 :

-> Front-end : 김진평, 유정인

-> Back-end : 이창섭(Product Manager), 김수현(Project Manager)

Frontend-Repository

-> https://github.com/wecode-bootcamp-korea/43-2nd-Wevre-frontend

Backend-Repository

-> https://github.com/wecode-bootcamp-korea/43-2nd-Wevre-backend

---

사용 기술

Front-end

• main skills

• extension

Back-end

• main skills

• extension

common

• version manager

• project manage tool

• communication

---

About our project

예술품 하면 무엇이 떠오르나요??

어떤 예술품을 마주했을 때, 우리는 해당 예술품을 통해 그 당시 작품의 시대적 배경, 문화, 추구하는 가치 등 많은 것들을 떠올릴 수 있습니다.

하지만 동시에 고가의 물품이다 혹은 일반인은 소유하기 힘들다 라는 현실적인 생각도 함께 떠올리게 됩니다.

실제로 이름난 작가나 알려진 작품이 아니라면 예술활동을 통해 제작된 상품이 거래되는 일은 흔치 않을 것입니다.

저희는 어떻게 하면 구매자와 판매자간의 간극을 줄이고 예술품 거래를 활성화시킬 수 있을까??를 고민하다가 Kream이라는 사이트를 참고하여 [한정판, 경매] 두 가지 방식을 차용해 예술품이라는 한정판을 거래하는 사이트로 재탄생켜보자 라는 생각을 하게 되었습니다.

저희 사이트가 활성화된다면 예술작가/화가는 자유롭게 예술품을 판매할 수 있고, 구매자에게는 합리적인 가격을 바탕으로 예술품에 대한 접근성을 높여 궁극적으로 예술품을 거래하는 시장에 활기를 불어넣어줄 수 있습니다.

이런 긍정적인 효과를 기대하며 저희의 기술력을 녹여냈습니다.

기능 구현 사항

1. 간편한 카카오 소셜 로그인
2. 작가명, 작품명 원하는 작품 검색
3. [회화, 조각, 사진, 공예] 크게 네 카테고리로 예술품을 구분지어 상품 리스팅 (무한 스크롤)
4. 실시간 입찰을 통해 상품에 대한 경매 진행상황 파악 (차트를 도입하여 금액 상승률 및 입찰가 히스토리 파악 가능)
5. 위시리스트에 원하는 상품 보관
6. 마이페이지에서 낙찰된 상품 구매
7. 입찰 후 구매하지 않는 케이스를 보강하기 위해 구매 동의서 구현
8. 한국미술협회(라고 가정)에 등록된 작가/화가만이 작품을 판매할 수 있도록 판매자 등록 시스템 구현
9. 검증된 작가의 판매상품 등록

---

기능 구현 결과

🖥️ Front-end

역할	구현 내용	담당자
메인 페이지 구현	1. Navigation 구현 - 동적 라우팅을 통한 페이지 이동 구현 2. 소개 동영상 삽입 - 무한 재생, 자동 재생, 영상 컨트롤 불가 3. [공예, 조각, 회화, 사진] 카테고리로 이동할 수 있는 배너 구현	김진평
로그인 기능 구현	1. Kakao Social Login 구현 2. 로그인 이후 원래 있던 페이지로 이동하도록 구현	김진평
상품 리스팅 페이지 구현	1. 카테고리별 상품 리스팅 - 무한스크롤 구현 2. 가격, 작가순 필터 구현 3. 위시리스트 리모컨 구현	김진평
검색 페이지 구현	1. 작가명, 작품명 필터로 상품 검색 구현	김진평
상품 상세 페이지 구현	1. 위시리스트 등록, 삭제 구현 2. 웹 소켓을 통한 실시간 입찰 구현 3. 입찰된 금액에 따른 [금액 상승률, 입찰된 금액] 차트	김진평

---

구현 영상

컴포넌트	기능영상	담당 개발자
메인		- 프론트엔드 : 김진평 - 백엔드 :
로그인		- 프론트엔드 : 김진평 - 백엔드 :
스토어		- 프론트엔드 : 김진평 - 백엔드 :
검색		- 프론트엔드 : 김진평 - 백엔드 :
정렬		- 프론트엔드 : 김진평 - 백엔드 :
위시리스트		- 프론트엔드 : 김진평 - 백엔드 :
디테일 입찰		- 프론트엔드 : 김진평 - 백엔드 :
마이페이지		- 프론트엔드 : 유정인 - 백엔드 :
자격등록		- 프론트엔드 : 유정인 - 백엔드 :
작품등록		-프론트엔드 : 유정인 -백엔드 :
등록된작품		- 프론트엔드 : 유정인 - 백엔드 :
주문-카카오주소API		- 프론트엔드 : 유정인 - 백엔드 :
결제-카카오페이결제API		- 프론트엔드 : 유정인 - 백엔드 :