My Library Docs

Multi-root Sidebar

flex-layout

  • Getting Started

  • Guides

  • Reference

typed-rx-http

  • Getting Started

  • Guides

  • Reference

global-rx-state

  • Getting Started

  • Guides

  • Reference

webflux-fe-dev-assistant

reactive-mongo-dsl


v0.0.11Drag to reorder

Streaming & Upload

한 줄에 JSON 하나를 보내는 stream은 Observable의 next로 순서대로 받을 수 있습니다.


생성된 stream service 사용

Swagger 성공 응답의 content type이 stream으로 정의되어 있으면 생성 service가callApiStream을 사용합니다. 화면에서는 일반 생성 service와 똑같이 import하고 subscribe합니다.

JobProgress.tsx
tsx
백엔드 응답 형식
text

현재 callApiStream parser는 줄바꿈을 기준으로 나누고 각 줄을 JSON.parse합니다. 즉 표준 SSE의data: frame이 아니라 NDJSON 형태를 기대합니다.

화면이 닫히면 구독 해제

unsubscribe()하면 내부 ReadableStream reader도 취소됩니다. React effect나 진행 작업 cleanup에서 반드시 구독을 해제하세요.

signed URL에 파일 PUT
uploadFile.ts
ts
© 2026 Byeolnaerim. All rights reserved.소개개인정보처리방침