Skip to content

TeamBaeGoPaaa/allyeozoong-FrontEnd

Repository files navigation

팀명

2023 대구를 빛내는 해커톤 25팀 : 배고파요

신채원 허준수 윤재용 황예빈
프론트엔드 프론트엔드 백엔드 백엔드

제출 타입 및 주제

E타입 - 청년을 위한 SW 💪

프로젝트 한 줄 설명

개인의 고민들을 털어놓고, 통계 정보와 함께 상담해주는 챗봇 서비스 🤖

image

image

프로젝트에 활용된 기술

1. 백엔드 Spring Boot , 프론트엔드 (React + Vite) 활용

백엔드 레포지토리 이동

  백엔드는 Spring Boot Framework, 프론트엔드는 React와 Vite를 활용하여 서비스를 개발하였습니다.
  로그인 기능의 보안을 강화하기 위해 Spring security 를 적용하였으며 자신이 겪은 증상에 대한 통계 데이터를 유저가 확인 할 수 도록 합니다.
  프런트의 경우 Esbuild, ESM, HMR 등을 활용하여 
  서버에 구동되는 시간, 번들링 속도, 코드 갱신 속도 등 다양한 방면에서 속도와 메모리 효율을 높일 수 있는 빌드툴인
  Vite를 적용하였습니다.

2. 서버 배포 완료

2-1. 백엔드 서버 SSL 인증서 적용

centOS 서버를 대여한 뒤 배포 후 도메인과 SSL 인증서를 발급받았습니다. image

2-2. 프론트엔드 서버 vercel Build & Deployment

vercel

vercel2

  프론트엔드는 vercel , 백엔드는 centOS 서버를 대여받아 각각 배포하여 통신하는 구조로 웹 사이트를 구성하였습니다.
  이 때 https로 배포된 프론트 서버의 보다 안전한 통신을 위해 Let's Encrypt 기관으로부터 SSL 인증서를 발급받아 적용하였습니다.

3. GPT-3.5 turbo API Fine-Tuning

증상의 정도 측정 해결방안+상담진행

  GPT-3.5 를 베이스 모델로  Fine-tuning을 적용하였습니다. 이를 통해 User와 고민 상담을 진행하며 해당 대화에서 특정 증상과 해당 증상의 정도를 측정하는 것이 가능합니다.
  보다 안정적인 답변이 가능합니다.
  크롤링을 통해 모은 데이터들을 전처리 + jsonl 타입으로 변경하는 과정을 거쳤습니다. 
  추가로 데이터 처리 및 다양한 예시를 학습 시킴에 따라 파인튜닝한 모델의 Training loss를 조금씩 줄였습니다.

데이터셋

--version 1.0

--version 2.0

--version 3.0

3.0에서 해결 방법 제시뿐만 아니라 상담 형태의 진행이 가능해졌습니다.

시연 영상

해당 서비스를 직접 사용해보고 싶으시다면
https://allyeozoong-frontend.vercel.app/ 해당 링크로 들어가신 후 ID = admin, PW = 12345 로 로그인하여 사용하실 수 있습니다.

시연 영상 링크: https://www.youtube.com/watch?v=IzOSDzmR99Y