POST로 SSE를 받고 Zustand를 둘로 나눈 실시간 채팅 구조
브라우저 EventSource는 GET밖에 못 보낸다. 이 제약을 fetch + ReadableStream으로 우회하고, Zustand 스토어를 비즈니스 로직과 UI 상태로 쪼갠 뒤 TanStack Query와 붙인 실시간 AI 채팅 프론트엔드 이야기다.
Streaming 태그가 붙은 글 2편
브라우저 EventSource는 GET밖에 못 보낸다. 이 제약을 fetch + ReadableStream으로 우회하고, Zustand 스토어를 비즈니스 로직과 UI 상태로 쪼갠 뒤 TanStack Query와 붙인 실시간 AI 채팅 프론트엔드 이야기다.
AI 캐릭터의 한마디는 어떻게 만들어지는가. Target Resolution, Response Generation, State Update 3단계 파이프라인부터 스트리밍 JSON 추출, POST-based SSE, 멀티모델 오케스트레이션까지 핵심 대화 엔진의 설계를 기록했다.