Antigravity Agent
17 lines
2.3 KiB
Markdown
17 lines
2.3 KiB
Markdown
# [[React Flight Protocol|React Flight Protocol]]
|
|
|
|
## 📌 Brief Summary
|
|
React Flight Protocol은 [[React Server Components|React Server Components]](RSC)가 서버에서 렌더링된 결과를 클라이언트에게 전달할 때 사용하는 직렬화된 React 명령어 통신 규약입니다 [1]. 이 프로토콜은 무거운 전체 자바스크립트 코드를 전송하는 대신, 클라이언트의 React가 UI 조각들을 어떻게 결합해야 하는지 알려주는 가벼운 형태의 '청사진 언어(blueprint language)' 역할을 합니다 [1]. 비유하자면 브라우저에게 반쯤 조립된 가구와 함께, 빠진 상호작용 부품을 어떻게 끼워 넣는지 적힌 작은 조립 설명서를 보내는 것과 같습니다 [1].
|
|
|
|
## 📖 Core Content
|
|
- **직렬화된 명령어와 HTML의 결합**: React [[Server Components|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|React Server Components]], Serialized React Instructions
|
|
- **Projects/Contexts:** Modern React [[Architecture|Architecture]], [[React 19|React 19]]
|
|
- **Contradictions/Notes:** 소스 간의 모순점은 발견되지 않았으나, React Flight Protocol 자체의 심층적인 구조나 동작 방식에 대해서는 소스에 관련 정보가 부족합니다.
|
|
|
|
---
|
|
*Last updated: 2026-04-25* |