처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈

웹에서 '스트리밍 SSR(Streaming Server-Side Rendering)'이 기존 SSR과 다른 핵심 차이점은?

어려움 freeCodeCamp
보기 및 정답
A HTML을 한 번에 완성하지 않고 청크(chunk) 단위로 순차 전송하여 브라우저가 먼저 받은 부분부터 렌더링한다
B 비디오나 오디오 스트리밍 전용 프로토콜(HLS, DASH)을 사용하여 HTML 웹 페이지를 실시간 스트리밍으로 전송한다
C WebSocket 프로토콜을 통해 서버에서 렌더링된 HTML 페이지를 클라이언트에 실시간으로 전송한다
D 서버에서 생성한 클라이언트 JavaScript를 직접 실행하여 HTML을 동적으로 생성하고 전달한다

해설

스트리밍 SSR은 서버가 HTML을 생성하면서 동시에 클라이언트로 전송합니다. 데이터 로딩이 느린 부분은 placeholder를 먼저 보내고, 데이터가 준비되면 나중에 HTML을 추가로 스트리밍합니다. React 18의 renderToPipeableStream이 대표적이며, TTFB와 FCP를 크게 개선합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기