[Korean FE Article] 스트리밍 JSON

글 링크: https://hanameee.github.io/posts/progressive_json

소개

점진적 JSON 스트리밍 과정을 통해 이해하는 리액트 서버 컴포넌트의 작동 방식

JSON 형식은 서버 - 클라이언트 간 데이터 통신을 위해 흔하게 사용됩니다. 하지만 JSON은 전체 데이터가 도착해야 비로소 사용이 가능하기에 일부 데이터가 느리게 준비될 경우 전체 로딩이 지연되죠.

만약 서서히 로딩되는 이미지처럼 JSON도 점진적으로 전송할 수 있다면 어떨까요?

스트리밍 JSON은 아직 도착하지 않은 값은 비워두고 준비된 데이터부터 채워나가는 방식입니다. 부분의 지연이 전체의 지연으로 이어지는 기존 방식과는 달리, 먼저 준비된 것을 더 빠르게 제공할 수 있다는 장점이 있죠. 이는 곧 리액트 서버 컴포넌트가 UI를 스트리밍하는 핵심 작동 원리이기도 합니다.

이 글은 단순한 스트리밍 JSON 예시에서 시작하여 리액트 서버 컴포넌트의 작동 원리를 쉽게 풀어 설명합니다. 나아가, 리액트 서버 컴포넌트를 Suspense와 함께 사용하여 UI의 로딩 상태를 유려하게 관리하는 방법에 대해 얘기합니다.

리액트가 그리는 미래인 스트리밍 UI 방식에 대해 이해하고 싶은 분들께 이 글을 추천드립니다 😊