Clothes:er(클로저)는 사용하지 않는 의류를 지역 기반으로 공유할 수 있는 플랫폼입니다. 사용자는 자신의 옷을 등록하고 대여할 수 있으며, 반대로 필요한 옷을 검색하여 대여 신청을 할 수도 있습니다. 이 서비스는 패스트패션으로 인한 환경 문제를 줄이고 지속가능한 패션 문화를 만들고자 기획되었습니다.
- 패스트패션 문제 해결: 유행이 빠르게 바뀌고, 소비자들은 지속적으로 새로운 옷을 구매하며, 기존 옷들은 방치되거나 버려집니다.
Clothes:er는 이러한 문제를 해결하기 위해 의류 공유 기반의 지속가능한 소비 문화를 목표로 합니다. - 지역 기반 P2P 서비스의 한계: 대여 및 거래 과정에서의 신뢰도 문제, 사용자 간의 원활한 소통, 거래 방식에 대한 명확한 기준 마련이 필요했습니다.
- 사용자 경험 중심 기획: UI/UX를 단순화하고, 사용자가 직관적으로 대여 및 검색을 할 수 있도록 설계하는 것이 핵심 과제였습니다.
- 거래의 안전성: 중고 거래의 특성상 발생할 수 있는 신뢰 문제를 해결하기 위해
대여 체크리스트,신고 기능,관리자 검수 시스템,옷장 점수등을 구현하였습니다. - 사용자 맞춤형 스타일링 지원: 사용자의 신체 정보 및 스타일 데이터를 활용하여 일치도가 높은 옷을 추천하여 더 나은 스타일링 경험을 제공합니다.
- 프레임워크: Next14
- 언어: TypeScript
- 상태 관리: Redux
- API 연동: Axios
- 지도 API: Kakao 주소 API
- 알림 시스템: Firebase Cloud Messaging (FCM)
- 배포: Vercel (PWA 지원)
- 프레임워크: Spring Boot
- 언어: Java
- 데이터베이스: MySQL
- ORM: JPA (Hibernate)
- 보안: Spring Security + JWT
- 실시간 채팅: WebSocket (STOMP 기반)
- 푸시 알림: Firebase Cloud Messaging (FCM)
- 캐싱: Redis (JWT 토큰 관리, 이메일/전화번호 인증 번호 저장)
- Reverse Proxy: Caddy (SSL 인증 및 도메인 설정)
- Kakao 주소 API를 활용하여 사용자의 위치 기반으로 반경 2km 이내 의류 대여글 제공
- 필터링 및 정렬: 성별, 체형, 스타일, 카테고리별 필터 및 정렬 기능 제공
- 대여글 작성 및 채팅 이동
- 신고 기능 구현: 부적절한 게시글 작성 유저 신고 가능, 관리자가 검토 후 조치
- 대여글 채팅: 대여글을 통해 연결된 대여 거래 전용 채팅
- 유저 채팅: 보유 옷과 관련한 정보 문의를 위한 1:1 채팅
- STOMP 기반 WebSocket 서버 구현
- 대여 체크리스트 기능 추가 (대여 전 상태 확인 및 증빙 가능)
- 거래 상태 변경 가능: 대여자가 체크리스트를 작성하면 판매자가 거래 상태 변경 가능 (대여중 또는 대여 완료)
- 거래 후기 작성 기능: 신뢰도 확보를 위한 거래 평가 시스템 구축
- 사용자가 입력한 신체, 취향 정보를 기반으로 유사도를 매겨 다른 사람의 보유 옷 노출
- 팔로우 기능 및 팔로잉하는 유저의 게시글 모아보기 기능 구현
- JWT 기반 사용자 인증 및 권한 관리 (Spring Security 적용)
- 사용자 프로필 관리 및 대여 내역 조회 가능
- AWS S3를 활용한 이미지 업로드 (옷장 등록 기능 포함)
- 거래 후 받은 후기 확인 가능 (신뢰도 시스템 연계)
: 신뢰도를 확보하기 위한 리뷰 시스템 연계 및
옷장 점수반영 - 대여글 및 보유글 찜 조회
- 옷 대여 횟수에 따른 서비스 레벨을 제공
- FCM 연동하여 채팅, 팔로우, 신고 등 관련 알림 시스템 구축
- 대여글, 보유 옷, 채팅에서 들어온 신고 내역 처리 (유예, 이용 제한, 점수 삭감, 무시)
- 전체 회원의 정보를 열람하고, 사용자 검토 후 조치 가능
- 사용자 거래 내역 및 채팅 확인 가능
- GitHub Actions 활용하여 프론트엔드 자동화 배포
- AWS EC2 + RDS + S3를 활용한 클라우드 배포 환경 구축
- Caddy를 사용해서 TLS(ex. HTTPS, WSS) 설정
👩🎨 디자인 (Figma 🎨) : 유진주
👩💻 프론트엔드 (Next.js 🌐) : 유진주
👨💻 백엔드 (Spring Boot 🌱) : 조세영
 |
 |
|---|---|
| 진주(FE) | 조세영(BE) |
