Files
2nd/10_Wiki/Topics/React Flight Protocol.md
T

2.3 KiB

React Flight Protocol

📌 Brief Summary

React Flight Protocol은 [React Server Components|React Server Components]가 서버에서 렌더링된 결과를 클라이언트에게 전달할 때 사용하는 직렬화된 React 명령어 통신 규약입니다 [1]. 이 프로토콜은 무거운 전체 자바스크립트 코드를 전송하는 대신, 클라이언트의 React가 UI 조각들을 어떻게 결합해야 하는지 알려주는 가벼운 형태의 '청사진 언어(blueprint language)' 역할을 합니다 [1]. 비유하자면 브라우저에게 반쯤 조립된 가구와 함께, 빠진 상호작용 부품을 어떻게 끼워 넣는지 적힌 작은 조립 설명서를 보내는 것과 같습니다 [1].

📖 Core Content

  • 직렬화된 명령어와 HTML의 결합: React Server Components는 단순히 순수한 HTML만을 브라우저에 출력하지 않습니다. 정적인 부분을 위한 HTML과 함께, 클라이언트 측에서 각 요소들을 어떻게 꿰매어 연결할지(stitch together) 지시하는 직렬화된 React 명령어를 생성하는데, 이 과정이 바로 React Flight 프로토콜을 통해 이루어집니다 [1].
  • 클라이언트 자바스크립트 전송 최소화: 브라우저에 컴포넌트를 위한 전체 자바스크립트 번들을 보내는 대신, React Flight 프로토콜은 브라우저 내의 React가 여러 UI 조각들을 어떻게 맞추고 조립해야 하는지 알려주는 매우 가벼운 지침(instructions)만을 전달하여 통신과 렌더링을 최적화합니다 [1].
  • 상세 원리 한계: 제공된 소스 내에서는 React Flight Protocol이 어떤 데이터 포맷을 사용하는지 등의 더 깊은 기술적 명세에 대해서는 다루고 있지 않습니다. 따라서 소스에 관련 정보가 부족합니다.

🔗 Knowledge Connections

  • Related Topics: React Server Components, Serialized React Instructions
  • Projects/Contexts: Modern React Architecture, React 19
  • Contradictions/Notes: 소스 간의 모순점은 발견되지 않았으나, React Flight Protocol 자체의 심층적인 구조나 동작 방식에 대해서는 소스에 관련 정보가 부족합니다.

Last updated: 2026-04-25