[11장][진경] Next.js 13과 리액트 18

[jkea1]

퀴즈

1. 서버 사이드 렌더링과 서버 컴포넌트의 차이에 대해 설명해 주세요.

⁉️ 질문
Next.js 13 의 서버 컴포넌트 작동 원리는 리액트의 서버 컴포넌트 작동원리를 기반으로 한다고 생각하면 될까요?

답

정답

• SSR과 다르게 리액트 서버 컴포넌트는 HTML이 아닌 JSON 형태의 와이어 포맷으로 브라우저에 (스트리밍 방식으로) 전달한다.

클라이언트의 최종 목표는 리액트 컴포넌트 트리를 서버 컴포넌트와 클라이언트 컴포넌트 두 가지로 조화롭게 구성하는 것으로, 이는 단순히 HTML을 그리는 작업 이상의 일을 필요로 한다. 따라서 HTML 대신 리액트 컴포넌트 구조를 JSON 으로 받아서 리액트 컴포넌트 트리의 구성을 최대한 빠르게 할 수 있게 한다.

댓글 작성법

(다음과 같이 답을 작성해 댓글로 달아주세요)
<details>
<summary>정답</summary>
<div markdown="1">
정답 설명
</div>
</details>