Re:pair

딥러닝을 활용한 차량 수리비 안내 서비스

• 실제 배포 URL : https://jjjj55.github.io/23_KNU_CapstoneDesign/

---

💻 프로젝트 소개

프로그레시브 웹앱을 기반으로 사전에 학습된 딥러닝모델에게 차량 파손이미지를 제공하면 수리방법을 예측하고 수리비를 안내해주는 서비스입니다.

---

⌚ 개발기간

• 23.09.15 ~ 23.12.01

---

🙍‍♂️🙍‍♀️ 멤버구성

• 오진영(Github 링크) : 프로젝트 PM, 프론트 개발 및 웹 디자인
• 오승민(Github 링크) : 데이터전처리 및 모델 구현, 딥러닝 서버 개발
• 이삭(Github 링크) : 메인서버 개발, DB구축

---

🖥 개발환경

FE

• React.js
• styled component
• PWA
• VS code

BE

• PHP
• MariaDB
• VS code

DL & BE

• PyTorch
• Flask
• AWS

---

📍 주요기능

1. 차량수리비 안내

파손부위 5가지 중 하나를 선택하여 파손부위를 촬영한 사진을 첨부합니다. 그 후 진단하기 버튼을 누르면 모델이 결과를 출력합니다.

2. 유저커뮤니티

해당 서비스를 이용하는 유저들끼리 다양한 정보를 공유하는 커뮤니티를 제공합니다.

3. 정비소 안내맵

사용자의 GPS를 기반으로 주변 정비소를 안내해드립니다. (현대, 기아 공식 정비소 및 일반정비소)

---

🎤 프로젝트 소감

• 개인적으로 자식같은 프로젝트인데 그만큼 개발에 온 힘을 쏟은 것 같다. 초기에는 무얼해야하나 싶어서 여러 주제를 가지고 고민을 했고 그 이후로는 이걸 구현할 수 있나 싶었는데 결국은 하게되더라. 웹 디자인부분에서 많이 고민을 했고 사전지식없이 바로 리액트를 프로젝트에 적용시켰는데 나름 잘 된 것 같다. 그래도 리액트 공부는 게을리하지 않고 열심히해야겠다. 구현 당시 어려움으로는 여러가지가 있다. 우선 깃허브를 처음 하다시피해서 다루는 방법이 많이 어려웠다. 이 부분은 소스트리를 활용하여 어느정도 개선하였고, 그 다음으로는 리액트의 프로젝트 구조에 익숙하지 않아 처음부터 다시 시작하기도 했다. 그리고는 로컬환경과 배포환경에서 서버와 연동하는게 달라서 애를 좀 먹었다. 특히 CORS.. 프록시서버 등.. 많이 배운 것 같다. 그리고 마지막으로 깃페이지는 안 좋은 것 같기도.. 다음에는 Vercel로 배포하지 않을까 싶다. 깃배포는 커스텀도메인이 적용이 안돼..

---

👑 프로젝트 결과

• 2023학년도 공주대학교 천안공과대학 소프트웨어학과 학술제 2등 수상