[ 13주차 ] 서버사이드 렌더링 서버컴포넌트의 차이 - Githubissues

codesquad2023-fe-study / ReactDeepDive-book-study

리액트 딥다이브 책 스터디입니다.

0 stars 0 forks source link

[ 13주차 ] 서버사이드 렌더링 서버컴포넌트의 차이 #19

Open bread1022 opened 5 months ago

bread1022 commented 5 months ago

주제

SSR과 서버컴포넌트 개념 정리

선정 이유

서버사이드 렌더링, 서버컴포넌트 개념 진짜 완전 마지막 정리

책 내용 (p736)

SSR: 서버에서 HTML로 렌더링한 결과를 클라이언트에 전달하고, 클라이언트에서 하이드레이션 과정을 진행하는 렌더링 방식
- 하이드레이션: 서버 렌더링 결과와 클라이언트 하이드레이션 후의 결과가 일치하는지 확인하는 과정
- 목적: 초기 HTML을 빠르게 보여주기위함
서버컴포넌트: 서버와 클라이언트 모두에서 컴포넌트를 렌더링할 수 있는 기법
- 브라우저에서 실행되지 않으며 한번만 렌더링되기때문에 생명주기를 사용할 수 없다.

bread1022 commented 4 months ago

클라이언트 컴포넌트, 서버 컴포넌트의 차이

| 클라이언트 컴포넌트

클라이언트에서 렌더링

| 서버 컴포넌트

서버에서 렌더링 후 클라이언트에 전달