DateP

🚀 [Firebase Functions + React Native] 데이트 추천 시스템 개선 과정 정리

Solo.dev 2025. 2. 5. 01:18

1️⃣ 기존 방식 vs 새로운 방식

🔹 기존 방식 (문제점)

  • 사용자가 장소 + 코스 선택을 해야 해서 3번 요청을 보내야 조합이 가능했음.
  • 불필요한 API 요청이 많아지고, 사용자 경험(UX)도 불편했음.

🔹 새로운 방식 (개선점)

각 나라별로 미리 설정된 "데이트 코스 추천 키워드" 사용
✅ 사용자는 장소만 입력하면 자동으로 검색어 생성됨
3번 요청할 필요 없이 1번만 요청해서 최적의 장소 추천 가능
React Native UI도 최소한의 입력 필드(언어 & 장소)만 남기고 단순화


2️⃣ Firebase Functions & RN UI 연결 테스트

📌 Firebase Functions 주요 개선 사항

  • course 관련 기능을 완전히 삭제
  • meetingPlace + 나라별 데이트 키워드만으로 검색 쿼리(textQuery) 자동 생성
  • functions.logger.log(), console.log()를 활용하여 로그 확인
  • .env와 firebase functions:config 환경 변수를 통합하여 관리

📌 React Native UI 변경 사항

  • 언어 선택 & 장소 입력 필드만 유지
  • 기존의 코스 선택 UI 삭제
  • Firebase Functions와의 연동 테스트 진행 (fetch 요청 정상 동작 확인)

3️⃣ 향후 발전 방향

현재 시스템에서는 사용자가 입력한 장소를 기반으로 Google Places API에서 추천 장소를 가져오는 것까지 구현됨.
👉 다음 목표: GPT-4와 연동하여 더 똑똑한 데이트 코스 추천 시스템 개발


4️⃣ 내일 할 일 (To-Do List)

Google Places API에서 받은 장소 데이터를 GPT와 연결
사용자의 연령, 취미, 상대방 연령, 취미 데이터를 GPT에 추가 입력하여 최적의 데이트 코스 추천
GPT가 3개의 데이트 코스를 자동 생성하도록 구현
React Native UI에서 추천된 코스를 사용자에게 표시


🎯 🔥 최종 목표

1️⃣ 사용자는 언어 & 장소 입력만 하면 끝!
2️⃣ Google Places API에서 추천된 장소를 GPT와 연동하여 데이트 코스 3개 생성
3️⃣ 사용자 맞춤형 데이트 코스 추천 시스템 완성 🚀


📝 마무리

오늘은 Firebase Functions와 React Native UI 연결을 점검하고, 기존 방식에서 불필요한 요청을 제거하여 효율적인 검색 시스템을 구축하는 데 초점을 맞췄다.
내일은 GPT와 연동하여 "완벽한 데이트 추천 시스템"을 구현하는 것을 목표로 한다! 🔥