ProfileSeup,placeProvider 구현 다양한 문제 직면

1️⃣ 오늘 작업 - ProfileSetup.tsx 만들기

• 취미와 나이를 받는 화면을 구현했습니다. 현재 언어 코드는 설정되지 않았지만, 차후 선택한 언어에 따라 모든 결과와 UI가 선택한 언어에 맞게 변경될 예정입니다.
• 추가 계획: 언어 선택 UI를 구현하고, 모든 텍스트와 결과를 사용자가 선택한 언어에 맞게 동적으로 처리할 예정입니다.

---

2️⃣ PlaceProvider.tsx 구현

• **Google Places API 결과를 받아오는 PlaceProvider.tsx**를 구현했습니다.
• 이 결과를 **index.tsx(메인 화면)와 GPT.ts**에 전달하여 표시할 예정입니다.
• 데이터 흐름:
  • PlaceProvider.tsx: Google Places API에서 장소 데이터를 받아옴.
  • index.tsx: 장소의 displayName, 주소, rating, 전화번호, 영업시간, 리뷰를 표시.
  • GPT.ts: 필요한 데이터를 GPT로 넘기고, GPT에서 받은 결과를 활용.

---

3️⃣ GPT로 넘길 데이터 및 고민 사항

• 현재 고민: Google Places에서 20개의 장소 데이터를 한 번에 받아올 예정인데, 모든 장소의 displayName과 리뷰를 GPT에 넘기면 input 토큰이 너무 커질 수 있습니다.
  • 이 부분은 비용 계산 후 토큰 크기나 비용을 고려해 최적화가 필요합니다.
• 목표: 각 장소에 대해 displayName과 리뷰 1개만 GPT에 넘길 예정입니다.
  • 리뷰 1개만 넘기면 토큰 크기를 줄여 비용을 절감할 수 있을 것으로 예상됩니다.

---

4️⃣ Rating 처리 문제

• 문제: 현재 rating은 백엔드에서 받아오지만, React Native에서는 이 값이 누락된 상태입니다.
  • 해결 필요: rating을 백엔드에서 받는 데이터를 React Native로 전달할 수 있도록 수정해야 합니다.

---

5️⃣ 모달 형태의 카드 UI 수정

• 현재: FlatList를 사용하여 모달 형태로 장소 정보를 카드 형식으로 표시하고 있습니다.
• 향후 계획:
  • GPT가 3개의 장소를 선택하여 텍스트로 설명을 추가하는 방식으로 추천 코스를 제공할 예정입니다.
  • 고민 중:
    • GPT가 3개 장소를 한번에 보여주는 방식으로 할지,
    • 아니면 각 카드에 AI 추천 코스 이유를 함께 표시할지 고민 중입니다.
  • GPT와의 연결이 아직 미숙한 상태로, 연결 방법을 구체화할 필요가 있습니다.

---

6️⃣ UI 개선 필요

• UI 개선 필요: 현재 UI가 너무 비어있어 좀 더 직관적이고 세련된 디자인을 적용해야 합니다.
  • 추가 개선 사항:
    • 카드의 정보 배치와 스타일을 더욱 디테일하게 조정할 예정입니다.
    • 플로팅 버튼이나 피드백을 통해 UI/UX 개선을 할 것입니다.

---

📅 향후 계획

1. Google Places API에서 받은 장소 데이터를 GPT와 연결하여 3개의 데이트 코스를 추천.
2. 사용자의 연령, 취미, 상대방 연령, 취미 데이터를 GPT에 추가로 입력하여 최적화된 데이트 코스를 추천.
3. React Native UI에서 추천된 코스를 사용자에게 표시.
4. UI 손봐야함: 더 직관적이고 깔끔한 디자인을 적용하고, 정보의 배치를 조정하여 UI/UX 향상.

---

🎯 목표

• 단순한 장소 입력만으로 자동 추천 시스템을 구현하여 사용자가 원하는 데이트 코스를 쉽게 추천 받을 수 있도록 하는 것.
• GPT와의 연결을 최적화하여 AI 추천 코스를 제공하고, 사용자 맞춤형 데이트 코스 추천 시스템을 완성하는 것이 목표입니다. 🚀