Next.js AI SDK Tutorial - 20 - Web Search Tool
- AI에 웹 검색 도구를 추가하여 최신 정보에 접근 가능하게 함 🌐
- OpenAI와 Anthropic의 웹 검색 도구 통합 방법 설명 (구현 방식에 약간의 차이 존재) 🛠️
- OpenAI 웹 검색 도구 사용 시,
openai.tools.webSearchPreview
를 통해 접근하고 빈 객체를 구성 옵션으로 전달 ⚙️
- Anthropic 웹 검색 도구는
anthropic.tools.webSearch20250305
를 사용하며, maxUses
파라미터로 검색 횟수 제한 가능 🔢
- OpenAI는 여러 번의 검색을 통해 정보를 수집하는 반면, Anthropic은 한 번의 검색으로 결과를 제공하여 UI가 더 깔끔함 ✨
- 웹 검색 도구 사용 시 추가 비용이 발생하므로 사용량에 주의해야 함 💰
- OpenAI 웹 검색에는
openai.responses
모델을 사용하는 것이 권장되지만, 필수는 아님 (비용 효율성을 위해 nano 사용 가능) 💡
- UI 컴포넌트에서 웹 검색 도구 호출 상태에 따라 다른 텍스트를 표시 (준비 중, 검색 중, 완료, 실패) 💬
- Anthropic의 도구 이름(
webSearch
)에 대한 케이스를 추가하여 UI를 업데이트 (OpenAI와 동일한 UI 사용) 🎨
- 웹 검색 기능을 통해 AI가 최신 정보를 바탕으로 응답할 수 있게 됨 🚀