[Korean FE Article] 스트리밍 HTML과 DOM 비교 알고리즘
글 링크 : https://bit.ly/3TImtno
소개
React 18의 핵심 기능 중 하나인 스트리밍은 어떻게 일어나는 것일까요? 이 글에서는 Bun을 통해 어떻게 스트리밍을 구현하는지 보여주어 스트리밍 HTML의 개념을 설명하고 있습니다. 또한 “초기 로딩”, “내비게이션”, 리액트 서버 엑션과 같은 “RPCs(Remote Procedure Calls)” 3가지 시나리오를 중심으로 스트리밍 HTML이 어떻게 사용되는지 자세하게 보여주고 있습니다. 세 가지 사용 예시 부분은 조금 이해하기 어려울 수 있지만, 스트리밍 HTML이 어떤 개념인지 알아가 보자는 마음으로 읽어주시면 감사하겠습니다.
목차
스트리밍 HTML
스트리밍 중 HTML 콘텐츠 변경
런타임 중 HTML 스트리밍
내비게이션 (뷰 트랜지션 API)
RPCs (예: 서버 액션)
DOM 비교 알고리즘
결론
참조