NAVER HCX Project

BTS Team

• 협업 1등 선정 ⭐

🕶 패션봇 유행이

HyperCLOVA X와 GPT로 학습된 Hybrid Chatbot의 의류 추천 서비스

📍 개발 기간

2024.06.02 ~ 2024.06.04
OT, LLM 스터디, CLOVA Studio 기본 실습

2024.06.05 ~ 2024.06.19
회의, 기획, 아이디어세션

2024.06.20 ~ 2024.06.24
데이터 수집, 학습 파라미터 조정, 프롬프트 엔지니어링 디자인, API 설계, DB 설계

2024.06.25 ~ 2024.06.28
프론트엔드, 백엔드, 프롬프트 엔지니어링, 클라우드 DB 서버 생성, 배포

2024.06.29 토요일
오프라인 해커톤: 네이버 클라우드 강남

2024.06.29 ~ 2024.07.03
최종 산출물, 과제 제출

📍 주요 기능

1. 로그인
2. AI와의 채팅을 통해 원하는 의류를 추천받을 수 있음
3. 사용자의 성별과 나이를 참고하여 사용자 맞춤 의류 정보를 제공

📍 시연 영상

https://youtu.be/QNF80AnXrZU

📍 개발

전체 페이지 구성도

홈	로그인

로딩	채팅

📍 아키텍처

📍 API 구성

📍 기술 스택

📍 팀원

고종훈	고동섭	류기욱	박인애	👑손봉균
백엔드, DB연동	데이터수집	클라우드엔지니어링	프론트엔드, 디자인	LLM서비스구현

📍 프론트엔드 데모 영상

• 1차, 2024.06.26, 2번째 commit
  • https://youtu.be/MrY2w13auQI
• 2차, 2024.06.27, 3번째 commit
  • https://youtu.be/che1HsR7h4c
  1. 백엔드와 연동 완료
  2. Proxy설정하여 외부 API 접속되도록 코드 및 package.json수정
  3. 로그인페이지 네이버 클라우드 DB USER 정보 조회 연동
  4. 사용자목록 네이버 클라우드 DB USER 리스트 조회 연동
  5. 챗봇페이지 로그인 사용자정보 표시
• 3차, 2024.06.29, 4번째 commit
  • https://youtu.be/_MpsRABFXpY
  • 로딩창 구현
  • UI 업데이트
• 4차, 2024.06.29, 5번째 commit
  • https://youtu.be/knpAB1a2IY4
  • 로딩창과 UI 업데이트
• 5차, 2024.07.02, 7번째 commit
  • https://youtu.be/Vh-q9craFTo
  • 고종훈님의 서포트
  • 챗봇 관련 프록시 추가
  • package.json 설정
  • 채팅창 스크롤 추가
  • 채팅 페이지에서 로딩이 페이지 형태가 아닌 이미지로 보이도록 수정 완료
  • 채팅 이벤트 구현 완료 (백엔드 flask 필요)