Gemini API 테스트에서 테스트한 Gemini API를 Next.js 홈페이지 만들기에서 만든 사이트에 연동하였다. Vercel AI SDK 연동 Vercel AI SDK에서 제공하는 useChat 훅을 이용하면 Gemini API 테스트 시 직접 구현했던 message 히스토리 관리를 편하게 할 수 있다. 다음은 Google 연동 매뉴얼을 따라서 간단하게 gemini 챗봇을 연동해 본 화면과 주요 소스코드이다. 'use client' import { useChat } from 'ai/react' export default function GeminiChatbotPage() { const { messages, input, handleInputChange, handleSubmit } = useChat..
