🪙Project_Daily_Auction

당신의 일상 속 소소한 경매를 도와드립니다. 데일리 옥션!

👉프로젝트 소개

창고 구석에 있는 골동품 얼마에 팔지 고민되시나요?
가지고 계신 물건의 가치를 알고 싶으신가요?
경매를 통해 가격을 결정해 보세요!

누구나 쉽고 빠르게, 일일 경매를 진행할 수 있는 서비스 “데일리 옥션” 입니다.

주어진 시간은 단 24시간! 매력적인 문구로 인기 상품을 “직접 경매” 해보세요!

카카오, 구글 계정만 있으면 로그인 ok!
상품 이미지와 설명을 등록하면 24시간 경매 시작!

당신의 경매가 진행되는 것을 “실시간” 으로 확인해보세요!

배포 링크👉 http://dailyauction.site

테스트 계정

ID : [email protected]

PW : test1234@

📆프로젝트 기간

2023/01/31 ~ 2023/03/06 (5주)

🗣기획 / 협업 과정

• 기획 아이템 선정
  새로운 기술 스택을 학습하고, 실시간 통신에 대한 경험을 쌓기 위해 기획했습니다.
• 요구사항 정의
  문서화를 통해 백엔드, 프론트간 서비스 이해도를 향상시키기 위해 노력했습니다.
• 프로토타입 설계 / ERD 및 API 설계
  프로토 타입을 기반으로 필요한 데이터를 논의하고 설계했습니다. REST API 원칙을 지키기 위해 노력했습니다.
• 개발과정
  • 1주차 : 와이어프레임과 서비스 설계 위주로 진행했습니다.
  • 2주차 ~ 4주차 : 코어타임을 준수하며 요구사항에 맞게 서비스를 개발했습니다.
  • 5주차 : AWS S3 와 EC2를 통한 서비스 배포를 진행했습니다.

프로토 타입	요구사항 정의서
기획 과정	API 명세서
ERD 설계	회의록

📃팀 규칙

• 코어 타임 : 13:00 ~ 18:00
• 데일리 스크럼 2회
• 쿠션어를 사용한 소통
• 코드리뷰 문화
• 협업 툴
  • 깃헙, 디스코드, 노션, 피그마, 피그잼
• 동료 피드백
  • 동료의 성장을 응원하기 위해 서로 피드백을 진행했습니다.

👪팀원 정보

박혜정 (FE / 팀장)	김재훈 (FE / 서기)	정희찬 (FE)	강병재 (BE)	조성웅 (BE)
@hyejj19	@halmokme	@raon9401	@casava840	@woong-sung

맡은 역할

박혜정

• 담당 페이지
  • 상품 상세페이지
  • 검색페이지, 검색 결과 페이지
• 구현 내용
  • 실시간 경매, 데이터 통신
  • SSE 사용한 실시간 알림 수신
  • 차트 적용한 데이터 시각화
  • React suspense, React.lazy 활용한 코드 분할, 성능 최적화
  • EsLint, prettier 세팅 / 커스텀 훅 패턴 도입 깃헙 액션 자동배포 파이프라인 구축

김재훈

• 담당 페이지
  • 메인페이지
  • 상품등록페이지
  • 내가 참여한 경매
  • 내가 등록한 경매
  • 컴포넌트(공통)
• 구현 내용
  • 이미지(browser-image-compression, heic2any)
  • 무한스크롤(react-intersection-observer)

정희찬

• 담당 페이지
  • 로그인, 소셜 로그인
  • 회원가입
  • 마이 페이지(회원 관리)
- 비밀번호 변경
- 회원 탈퇴
  • 코인 충전 페이지
• 구현 내용
  • axios interceptor를 이용한 로그인 갱신
  • react-hook-form을 이용한 유효성 검사
  • recoil effect를 이용한 로컬 스토리지와 Atom의 연결
  • Oauth2.0 을 이용한 소셜 로그인

강병재

• 맡은 역할
  • 경매
  • 알림 기능
  • 이미지 업로드
  • AWS S3, EC2, RDS배포
  • ROUTE53 을 통한 DNS 연결
• 사용한 기술
  • SpringJPA, Spring Boot
  • SSE
  • S3, EC2, RDS
  • Thumbnailator 라이브러리

조성웅

• 맡은 역할
  • 회원 가입, 관리, 마이페이지
  • 실시간 경매 기능
  • 검색, 정렬 기능
  • 기타 서비스 (이메일 인증, 비밀번호 찾기)
  • 캐싱
• 사용한 기술
  • SpringJPA, Spring Framework, Spring Boot
  • Spring Security, JWT, Oauth2
  • REDIS
  • Websocket
  • Cookie를 이용한 조회수 중복 처리
  • NativeQuery
  • 이메일 전송 (비동기)
  • S3, EC2

📺DEMO Gif

로그인	회원가입 & 이메일 인증	경매상품 조회
경매 입찰	상품등록	검색 & 조회

⭐Stacks

DEPLOY

FRONT-END

BACK-END

Git commit message

태그	설명
feat	새로운 기능 추가
fix	버그 수정
docs	문서
design	컴포넌트 디자인
style	(formatting, missing semi colons, …)
refactor	코드 리팩토링
test	테스트 관련
chore	기타 수정