서비스 개요
📍 OOTD 스타일링 큐레이션으로서 ChatGPT를 활용한 고객 취향 및 상황에 따른 맞춤 오늘의 스타일링 이미지 제공해주는 웹 어플리케이션
📍 Tech를 기반으로 쇼핑 여정에 ‘Curation’을 더한 새로운 비즈니스 모델 제시
서비스 목적
📍 평소에 옷에 관심이 없는 모모남/여 (뭐(모) 입을지 모르는 남자/ 여자)들에게 보다 나은 스타일링 제공
서비스 소개
📍 이 서비스의 UI는 Typescript React를 사용해 웹 기반 앱으로 만들었습니다.
📍 DB를 사용하지 않고 JSON 파일 형식으로 유저 정보를 저장했습니다.
📍 Express.js를 사용하여 클라이언트와 API 콜을 주고 받았습니다.
📍 React 내부에서 ChatGPT와 Google Search Engine API를 사용하여 패션 스타일링 정보를 알아내고 그에 맞는 이미지를 불러옵니다.
🔗 https://github.com/PaulHan0527/Azureton
실행방법
STEP 1. 코드 실행 후 첫 화면 페이지에서 회원가입 버튼을 눌러 아이디, 비밀번호, 나이, 몸무게, 키, 그리고 성별을 입력하여 회원가입을 진행합니다.
STEP 2. 해당 아이디와 비밀번호를 입력하여 로그인을 합니다.
STEP 3. OpenAI로 들어가서 OpenAI API key를 받아 입력합니다 (참고 1.)
STEP 4. 챗봇이 스타일링 전문가로서 몇가지 질문이 순차적으로 진행됩니다. 사용자가 해당 질문에 대한 답변을 해주시면 됩니다.
STEP 5. 최종적으로 모든 사용자의 정보를 이용하여 고객 맞춤형 스타일링 추천이 완료되면 ‘결과 보기’ 버튼을 이용하여 결과를 확인할 수 있습니다.
아쉬운 점 및 개선 방법
문제1. 현재 결과 사진이 안나올 수 있음
📍 챗GPT 튜닝 - 패션 잡지를 챗GPT가 학습하여 구체적인 패션 트렌드를 학습
📍 인스타그램이나 카카오톡 등의 추가적인 API를 사용하여 조금 더 정확한 이미지를 불러오게 함
문제2. 보안 문제
📍 비밀번호 검증
📍 유저에 대한 정보를 JSON 대신 DB를 저장함
참고
1. OpenAI API key가 공개적으로 노출이 되면 금방 사라지기 때문에 세션마다 사용할 수 있는 key를 넣도록 기획했습니다.
2. Azureton/front-end/src/pages/Home.tsx 파일 라인9-10에 SEARCH_ENGINE_ID 와 GSE_API_KEY 값을 넣어주어야 한다.
3. Github 링크 README.md 파일에 실행방법을 작성했습니다.
팀 구성원
이성범, 한주영, 이예나
yenalee0513@gmail.com