Next.js AI SDK Tutorial - 10 - Generate Arrays and Enums
- Next.js AI SDK를 사용하여 AI로부터 배열 생성 및 Enum 활용 패턴을 학습 🚀
- 배열 생성을 위해 포켓몬 생성기 예시를 사용, 사용자가 입력한 타입에 따라 포켓몬 목록 생성 🐉
- Enum을 활용하여 감성 분류기 생성, 텍스트를 분석하여 긍정, 부정, 중립 감성 판별 🎭
- 배열 스키마는 Zod 배열로 래핑되어 UI 스키마로 내보내짐 📦
- Enum은 별도의 스키마가 필요하지 않음 🔑
- 배열은
streamObject
와 output: array
를 사용하며 스키마 필요 🧬
- Enum은
generateObject
를 사용하며, 스키마 대신 가능한 값 목록을 제공 📊
- 배열은
useObject
훅을 통해 객체 배열을 반환받음 🎣
- Enum은 수동으로 관리하며
useObject
훅이 필요하지 않음 🕹️
- Enum 출력 시, 더 정확한 결과를 위해 GPT-4 Turbo 모델 사용 권장 🧠
- 배열 생성 시,
streamObject
의 output
속성을 array
로 설정해야 함 ⚙️
- Enum은 스트리밍이 필요 없으므로
JSONResponse
를 사용 🚦
- 배열 UI에서는
map
함수를 사용하여 각 포켓몬과 능력 렌더링 🗺️
- Enum UI에서는
fetch
요청과 useState
훅을 사용하여 감성 분석 결과 표시 💌