인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

play _Er님의 프로필 이미지

작성한 질문수

Next.js 시작하기

서버 사이드 렌더링 소개 및 CSR과 SSR의 차이점

컴포넌트가 렌더링되어 HTML이 생성되는 곳 (getServerSideProps VS useEffect)

작성

·

99

0

안녕하세요 :)

 

섹션 9 부분을 다 듣고 나서 명확히 이해가 가지 않는 부분이 있어 질문드립니다.

 

getServerSideProps를 이용하여 페이지를 로딩할 때는 "컴포넌트가 렌더링되어 HTML이 생성되는 곳"이 프론트 서버(Next.js 서버)이고,

useEffect를 이용하여 페이지를 로딩할 때는 "컴포넌트가 렌더링되어 HTML이 생성되는 곳"이 클라이언트(브라우저)라고 이해하는게 맞을까요?

답변 1

0

장기효(캡틴판교)님의 프로필 이미지

안녕하세요 제가 답변이 넘 늦어서 죄송합니다 🙂 네 말씀해 주신 대로 이해하셔도 될 것 같아요. 좀 더 정확히 정리해 보자면

  • FE 서버 : 서버 사이드에서 화면을 그리는 곳이 넥스트 서버

  • 클라이언트 : 하이드레이션까지 완료한 최종 화면을 보는 곳이 브라우저

요렇게 봐주시면 될 것 같네요 :)

play _Er님의 프로필 이미지

작성한 질문수

질문하기