[ 프로젝트 개요 ]
- 지역 기반 중고 물품 경매 서비스
- 풀스택 4명 (기여도 약 30%)
- GitHub : https://github.com/KFE-E2E-SAJO/BIDER
- 배포 : https://bider.vercel.app/ (테스트 계정 ID : biderTester@gmail.com | 비밀번호 : abcd1234)
[ 내용 및 역할 ]
- 기획 및 상품 등록/수정/상세 조회, 입찰, 포인트 시스템, 채팅 기능 구현
- 사용자 경험(UX) 개선을 위한 주도적 제안 및 구현
- 사용자 흐름 전반을 분석해 이탈 지점을 정의하고, UX 개선안을 주도적으로 제안·구현
- 채팅방 종료 후 사용자의 다음 행동을 유도하기 위해 ‘새로운 채팅 시작’ 버튼 제안 및 구현
- 채팅방 내부 상품 정보 클릭 시 상품 상세페이지로 이동하도록 제안 및 구현
- 브라우저 간 이미지 렌더링 이슈를 고려한 업로드 처리 구조 개선
- 다양한 이미지 포맷(HEIC 등)으로 인해 브라우저별 렌더링 이슈가 발생하는 문제를 인지하고, 업로드 단계에서 이미지 변환 파이프라인을 구성하여 WebP 포맷으로 표준화함으로써 파일 크기를 평균 25~35% 감소시키고 주요 브라우저에서 안정적인 이미지 렌더링 확보
- GitHub Actions를 활용한 스케줄러 자동화 구축
- GitHub Actions 기반 스케줄러를 구축해 상품 공개·경매 마감·낙찰자 선정·포인트 지급 로직을 자동화
- 시간 기준 운영 로직의 누락을 방지하고 서버 부하 및 운영 비용을 최소화
- 실시간 데이터 관리
- 다수의 사용자가 동시에 입찰·메시지를 생성하는 환경에서 클라이언트 상태 불일치를 방지하기 위해 DB 변경 이벤트를 기준 상태로 활용할 수 있는 Supabase Realtime을 선택하고 프론트엔드 상태를 이벤트 기반으로 동기화하는 구조를 설계 및 구현
- DB 설계 및 환경 구성
- 상품 · 입찰 · 유저 · 채팅 · 포인트 등 주요 도메인 ERD 작성
- 모노레포 환경 구성으로 코드 관리 효율성 및 재사용성 향상
[ 결과 및 성과 ]
- 운영 자동화
- 시간 조건에 따라 반복되던 운영 작업의 누락·지연 가능성을 개선하기 위해 스케줄러 기반 자동화 구조를 설계
- 배포, 상태 전환, 데이터 처리를 무인으로 수행하도록 구성하여 운영 개입 최소화
- 성능 개선
- 이미지 포맷 최적화(WebP)와 렌더링 구조 개선을 통해 LCP 83%, FCP 57%, TTFB 48% 성능 개선
- 정성적 성과
- UI/UX, 기능 안정성, 코드 품질, 성능 기준의 프로젝트 종합 평가에서 1위 팀 선정
- 개편 이후 사용자 테스트를 통해 화면 직관성 및 사용 흐름 개선 효과 확인