ai-orchestration
CHAPTER 12 / 59
읽기 약 2분
SYNTAX
스트리밍 응답 구현
핵심 개념
토큰 단위 SSE 스트리밍으로 실시간 응답을 구현합니다. 2026 표준은 Vercel AI SDK 5의 streamText + Next.js 16 Route Handler 조합입니다.
코드 분석
스트리밍 (2026)Vercel AI SDK 5:import { streamText } from 'ai'import { anthropic } from '@ai-sdk/anthropic'export async function POST(req) { const { messages } = await req.json() const result = streamText({ model: anthropic('claude-sonnet-4-6'), messages }) return result.toDataStreamResponse()}클라이언트:import { useChat } from 'ai/react'const { messages, input, handleSubmit } = useChat()→ UI에 토큰이 흐르는 효과AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
무료 모델
Gemini 2.5 Flash(무료) + Claude Sonnet 4.6(무료) + Grok 4.1(무료)
'스트리밍 응답 구현'을 무료 도구로 익히고 싶어. Google AI Studio + Anthropic Workbench 무료 크레딧 + Dify(셀프호스팅)로 0원짜리 스트리밍 챗봇 1개(Vercel Hobby + 무료 모델)을 0원 안에 만드는 단계별 가이드를 짜줘.
소자본 모델
Claude Sonnet 4.6 + Vercel AI SDK 5 + Supabase — 월 10~30만원
'스트리밍 응답 구현'을 월 20만원 예산으로 실서비스에 붙이고 싶어. Claude Sonnet 4.6 + Vercel AI SDK 5 + Supabase 조합으로 Sonnet 4.6 기반 1000명/일 스트리밍 챗봇 with rate limiting을 만드는 예제와 월 비용 분배를 짜줘.
프로덕션 모델
Claude Opus 4.7 + LangGraph + MCP + LangSmith — 월 100만원+
'스트리밍 응답 구현'을 production 규모로 설계해줘. LangGraph + Claude Opus 4.7 + MCP + LangSmith로 Opus 4.7 + 멀티유저 스트리밍 + 토큰 사용량 실시간 추적을 월 100만원+ 예산 기준으로 그려줘.
스택 프롬프트
0원 → $200/mo → $1000/mo 단계별 스택 비교
'스트리밍 응답 구현' 3단계 스택 비교: Level 1($0, Dify+HF+무료 크레딧) → Level 2($200/mo, Sonnet 4.6+Vercel AI SDK+Supabase) → Level 3($1000/mo, LangGraph+Opus 4.7+MCP). 각 레벨에서 만들 수 있는 산출물과 한계 포함.
⭐ 이것만 기억하세요
스트리밍 응답 구현은 이 3가지만 확실히 잡으세요
1.비-스트리밍 응답은 첫 토큰 대기시간이 길어 사용자 체감이 떨어집니다
2.Vercel AI SDK 5의 streamText + useChat 훅 조합으로 SSE 스트리밍 챗 UI가 server/client 통틀어 30줄 안에 끝납니다
3.다음 챕터에서 프롬프트를 체계적으로 다듬는 기법을 더 깊이 다룹니다
공유하기
진행도 12 / 59