중고 경매 사이트

1. 개요💡

   옥션 중고 장터를 롤 모델로 구성한 프로젝트입니다.
   : 예전부터 옥션 중고 장터의 시간이 카운트 되는 기능과 옥션의 경매 방식에 흥미를 가지고 있었고 꼭 한번은 만들고 싶다는 생각을 하고 있었습니다. 그러던 중 팀 프로젝트 주제로 중고 사이트가 선정되었고, 경매 부분만 따로 제가 맡게 되었습니다. 백엔드, 프론트엔드, 테이블 설계까지 개인 프로젝트의 개념으로 진행하게 되었습니다. AWS의 RDS oracle 연동, S3 Image 저장, 다른 구성원과 협업을 위한 gitHub 사용, SMS 서비스는 coolsms API, Time countdown 알고리즘, 주소는 행정안전부 API, 지도는 naverAPI, 결제 시스템은 아이포트, 배송 시스템의 CRUD 작업 등 완성도 높은 사이트를 만들기 위해 큰 노력을 쏟았습니다.

   프로젝트 기간 : 1개월
   개발 인원 : 1명
   JDK11 LTS
   Tomcat Version 9

   

2. 전체 기능

   1. 메인 화면

   2. 회원가입

   3. 판매 상품의 입찰과 낙찰

   4. 구매 상품의 입찰과 낙찰

   5. 관심 상품

   6. 결제한 상품

   7. 배송한 상품

   8. 기본적인 상품 CRUD

      등록

      수정

      삭제

3. 테이블 설계📲

   

4. Flow Chart📥

5. 주요 기능🔍

   1) 메인화면 : 각 상품 별로 마감 시간 카운트
   
   

   현재 시간과 마감 시간의 차이를 계산한 후 setTimeout으로 초를 1씩 뺍니다. 초가 0이 되면 분에서 값을 가져옵니다. 분이 0이면 시간에서 값을 가져옵니다. 시간이 0이면 일에서 값을 가져옵니다. 이런 식으로 년까지 계산을 합니다. 단, 달의 경우 윤달이 있기 때문에 경매의 마감날짜 차이를 1달을 넘기지 않습니다. 2월 28일날 등록을 했고 3월 4일이 마감일이면 월에 해당하는 일 수를 가져올 때 마감일의 전달 일 수를 가져오면 됩니다. 이 함수가 new Date(nowYear, nowMonth - 1, 0).getDate()입니다.

   
   

   2) 이미지 추가 : 상품 등록시 이미지를 드래그해서 추가
   
   

   파일을 드래그 드롭을 하게 되면 e.originalEvent.dataTransfer.files[0] 코드를 통해 추가된 파일 정보를 가져와 비동기 방식으로 서버에 파일을 전송합니다. 서버에서 이미지 파일이 맞으면 로컬의 하드디스크에 저장합니다. 클라이언트 쪽에서 받은 데이터가 success이면 img태그에 방금 로컬에 저장된 이미지 파일을 출력합니다. 이미지 파일 이름 중복을 막기 위해 UUID 클래스를 사용합니다.

   
   

   3) 남은 시간 추가 : 사용자가 입찰 할 경우
   
   

   현재 남은 시간을 가져와 00:00:00의 시간 형태에서 : 를 기준으로 3개의 배열로 split 후 가운데 값에 2을 더합니다.

   
   

   4) 결제 시스템 구현
   
   

   결제 시스템은 아이엠포트 api를 이용했습니다.

   
   

6. 기술 스택

   
   
   

7. 남기고 싶은 말..

   중고 사이트 주제의 프로젝트에서 경매 부분만 따로 떼어내어 맡기 동료 분들에게 감사한 마음을 전하고 싶습니다. 덕분에 제가 구현하고 싶은 부분을 마음껏 구현할 수 있었습니다. 프로젝트 동안 모든 정신과 집중이 하나의 목표로 수렴하였고 오로지 프로젝트에만 몰두 할 수 있어서 아주 행복한 시간이었습니다.