Date Helper 개발일지 #3 – 사용자 입력 고도화 & UI 개선 & 위치 추천 고도화 고민(2025.03.27)

✅ 이번 개발일지에서 구현 완료한 내용

 

1. 사용자 친화적인 감성 UI로 전면 개편

• 기존: 기능 위주로 구성된 기본 폼 UI (input, select만 배치)
• 변경:
  •  이모지와 감성적인 문구 추가 (ex. “📅 언제 만날까요?”)
  • 전체 폼에 스타일 통일 적용 (inputStyle, labelStyle, 감성 폰트 등)
  • 깔끔하고 부드러운 카드형 UI로 개편

 

2. 위치 입력 구조 변경 (대분류 → 소분류 방식)

• 기존: 사용자가 직접 위치 텍스트를 입력 (오타, 비일관성 문제 발생)
• 변경:
  • 📍 시/도 선택 → 📌 상세 지역 선택의 2단계 셀렉터 방식
  • 오타 방지 + 정제된 입력값 확보로 향후 추천 정확도 향상 기대

 

3. 로딩 UX 개선

• 문제: 추천 응답까지 2~3초 소요되는데 아무 표시가 없어 사용자가 헷갈림
• 개선:
  • 버튼 클릭 시 ⏳ 추천받는 중... 표시
  • 버튼 비활성화 처리로 중복 요청 방지
  • 응답 완료 시 다시 "✨ 데이트 추천 받기"로 복원

 

깔끔해진 데이터폼 !

 

 

 

 

 💀  당면 과제: 추천 장소의 정확도 문제

• 존재하지 않는 장소명 포함
• 너무 멀거나 현실성 없는 동선 제안

왜그런지 검색하고 공부해본결과 GPT가 실제 장소 DB를 기반으로 하지 않기 때문..!

어떻게 해야하는지 모색중..

 

 

🧩 앞으로 해야 할 작업 : 네이버 지도 API 연동

 

GPT가 추천한 장소명에 대해 정확도 검증 또는 실제 장소 검색을 하기 위해
네이버 장소 검색 API 연동을 기획중.

 

고려 중인 방향:

• GPT로부터 받은 장소명을 네이버 API로 검증하거나
• GPT에게 직접 “네이버 장소 검색 결과 기반으로 추천해줘”라는 프롬프트를 설계하거나
• GPT는 장소 유형만 추천하고, 실제 장소는 네이버 검색을 통해 채워 넣는 구조로 개선

---

🛠️ 다음 스텝 정리

• 추천 장소 → 지도 기반 데이터로 검증 및 고도화
• Tailwind CSS를 도입한 UI 리팩토링 예정