Tech Stack

📄 1. 기술 스택 (Tech Stack)

✅ 프론트엔드

•React.js (컴포넌트 기반 UI 구성)

•React Router (페이지 전환)

•Axios (REST API 호출)

•HTML/CSS (반응형 스타일링)

✅ 백엔드

•Python 3.9+

•Flask (서버 및 API 핸들링)

•SQLAlchemy (ORM 기반 DB 연동)

•SQLite (경량화된 데이터 저장소)

•WSGI (서버 게이트웨이)

✅ 외부 API

•Google Maps API (장소 정보 검색, 위치 기반 추천)

•Google Directions API (대중교통 경로 제공)

•OpenAI GPT-4.1-nano (자연어 파싱)

---

📄 2. 개발 과정 (Development Log)

🗓 1차 회의 – 기획 및 데이터 설계

•전체 서비스 구조 기획

•설문 응답 문항 구성 완료

•데이터 수집 (TourAPI, 카테고리별 장소 정보 확보)

•city_recommend.py 및 OS_data.py 초기 설계 시작

🗓 2차 회의 – 알고리즘 및 기능 구현

•도시 추천 알고리즘 (태그 기반 유사도 점수 계산)

•OS_tag.py를 활용해 설문 응답 → tag 매핑 로직 완성

•콘텐츠 추천(content_recommend.py)에서 카테고리별 거리 기반 우선순위 로직 구현

•survey.py에서 사용자 입력을 받아 알고리즘 연동까지 완료

🗓 3차 회의 – 챗봇 구조 설계 및 지도 API 연동

•Google Maps API 키 연동

•Haversine 거리 계산 함수 개발

•챗봇 입력 구조 설계: category, distance, sorting 기준 추출

•GPT-4.1-nano 프롬프트 구성 완료

🗓 4차 회의 – API 통합 및 UI 연동

•Flask에서 REST API 통합 관리 구조 완성

•도시 추천/콘텐츠 추천/챗봇 API 완성 후 프론트 연동

•CORS 정책 통일 및 API 호출 테스트 완료