AI가 안내하는 우주 탐험, Celestine!
Google Maps를 우주로 확장하여 행성 탐사 기능을 제공하며, Gemini 2.5 기반 AI가 탑재됨
React와 react-three-fiber를 사용하여 3D 인터페이스를 구현하고, Google Maps Places API를 활용하여 지구의 유사 지형을 매칭함
Docker 컨테이너화 및 Cloud Run 배포를 통해 시스템을 구축하고, AI 에이전트 간의 상호 작용을 위한 프롬프트 엔지니어링을 수행함
Celestine 아키텍처 심층 분석
Celestine은 React 기반 프론트엔드, Gemini 2.5를 활용한 AI 에이전트, FastAPI 백엔드로 구성된다. 구체적으로 react-three-fiber를 사용하여 3D 렌더링을 구현하고, Google Maps Places API를 통해 지구의 유사 지형을 검색한다. 따라서 멀티 에이전트 시스템을 통해 음성, 텍스트, 시각 데이터를 처리한다.
AI 에이전트와 Google Maps API 통합의 기술적 과제
가장 큰 도전 과제는 Google Maps API 로딩을 기다리는 문제였다. 싱글톤 로더 패턴을 구현하여 UI 렌더링과 API 호출 간의 레이스 컨디션을 해결했다. 반면 AI 에이전트 간의 상호 작용을 위해 프롬프트 엔지니어링과 로직 설계를 최적화하여 AI 성능을 향상시켰다.
Celestine의 실전 적용 가이드
Celestine은 3D 렌더링과 AI 에이전트의 결합을 통해 새로운 사용자 경험을 제공한다. 따라서 React와 react-three-fiber를 활용하여 몰입형 인터페이스를 구축하고, Gemini 2.5와 Google Maps API를 연동하여 지능형 탐사 기능을 구현할 수 있다. 결과적으로 우주 탐사라는 독특한 분야에 적용 가능하다.
