ai-orchestration
CHAPTER 55 / 59
읽기 약 2분
FUNCTION
스트리밍과 실시간 응답
핵심 개념
Vercel AI SDK 5의 streamText · streamObject · streamUI를 Next.js 16 + React 19와 결합해 토큰·구조·UI를 모두 스트리밍합니다.
코드 분석
스트리밍 3종 (2026)1. streamText (토큰):import { streamText } from 'ai'const r = streamText({ model: anthropic('claude-sonnet-4-6'), messages})2. streamObject (구조화 데이터):import { streamObject } from 'ai'const r = streamObject({ model: ..., schema: z.object({...}), prompt: '...'})→ JSON 부분 부분이 스트리밍3. streamUI (React 서버 컴포넌트):import { streamUI } from 'ai/rsc'→ UI 컴포넌트 자체를 스트리밍4. 클라이언트:const { messages, status } = useChat()AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
무료 모델
Gemini 2.5 Flash(무료) + Claude Sonnet 4.6(무료) + Grok 4.1(무료)
'스트리밍과 실시간 응답'을 무료 도구로 익히고 싶어. Google AI Studio + Anthropic Workbench 무료 크레딧 + Dify(셀프호스팅)로 streamText 무료 챗봇 실습을 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 + streamObject로 JSON 폼 채팅을 만드는 예제와 월 비용 분배를 짜줘.
프로덕션 모델
Claude Opus 4.7 + LangGraph + MCP + LangSmith — 월 100만원+
'스트리밍과 실시간 응답'을 production 규모로 설계해줘. LangGraph + Claude Opus 4.7 + MCP + LangSmith로 Opus 4.7 + streamUI + RSC production을 월 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.토큰(streamText), 구조화 데이터(streamObject), UI 컴포넌트(streamUI) 3가지를 상황에 맞게 선택하면 동일 LLM에서도 UX가 크게 향상됩니다
3.다음 챕터에서 LangSmith vs Langfuse 모니터링을 비교합니다
공유하기
진행도 55 / 59