개인 프로젝트 · 1인 개발 · 2026.09.16 ~ 10.15 (출시 후 10.17 ~ 10.19 보안 보완) 🌐 배포된 서버 바로가기 · 💻 GitHub

오토바이 부품을 사기 전에 이 부품이 내 차 연식에 맞는지 확인하고, 내 차에 달았을 때 모습을 미리 볼 수 있는 서비스입니다.

홈 첫 화면 — 머플러·앞바구니·사이드백 장착 예시 (Super Cub 110)

📌 한눈에 보기

항목 내용
기간 2026.09.16 ~ 10.15 (1인), 이후 10.17 ~ 10.19 보안·유지보수
맡은 일 기획, 화면 설계, 백엔드·프론트엔드 구현, 부품 데이터 수집, 테스트, AWS 배포까지 전부
백엔드 Java 21 · Spring Boot 4.1 · Spring Security + JWT(BCrypt) · Spring Data JPA · Jsoup
프론트엔드 React 19 · React Router 7 · Vite 8 · Tailwind CSS 3 · Canvas 2D(입혀보기 합성)
DB · 인프라 MariaDB 11.8(AWS RDS) · MySQL 8(로컬) · H2(테스트) · EC2 · Nginx · systemd
외부 연동 Toss Payments(테스트 결제) · 카카오 지도
테스트 JUnit 5 · MockMvc · Playwright(화면 크기별 자동 점검) · oxlint
규모 데이터 테이블(엔티티) 28개 · 서버 기능(API) 104개 · 서버 테스트 61개 (10.19 기준 모두 통과)

1. 왜 만들었나

Super Cub 110에 사이드백을 달려고 부품을 찾다가 불편함을 느꼈습니다. 브라켓이 제 2025년식에 맞는지 알려면 커뮤니티 글과 구매 후기를 하나하나 뒤져야 했는데, 후기마다 "맞는다", "맞긴 한데 작다", "잘라서 달았다"처럼 말이 달랐습니다. 상품 페이지에는 실제로 달았을 때 모습도 거의 없었습니다.

그래서 부품을 파는 곳보다는, 사기 전에 두 가지를 확인할 수 있는 곳을 만들고 싶었습니다.

사기 전에 궁금한 것 RIDEFIT이 해 주는 것
이 부품이
내 연식에 맞을까? 내 차량(제조사 → 모델 → 연식)을 한 번 등록하면 맞는 부품만 보여 줍니다
달면 어떤 모습일까? 고른 부품을 내 차 사진에 입혀 보고, 마음에 드는 조합은 저장해 다시 볼 수 있습니다

2. 주요 기능