inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Next.js 시작하기

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

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

246

play _Er

작성한 질문수 3

0

안녕하세요 :)

 

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

 

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

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

javascript react next.js

답변 1

0

캡틴판교

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

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

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

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

문의드려요

0

10

0

안녕하세요 한번 더 문의드립니다.

0

16

1

git 초기설정하고 Next Js 설치하는게 너무 어렵습니다.

0

8

1

커서 색상 및 클로드코드 프롬프트 입력칸 설정 문의

0

9

1

81강 실습 자료 없음

0

10

2

클로드 질문에서 줄 바꿈

0

13

1

2강 퀴즈를 푸려는데 자꾸 수강하지 않은 수업이있는데.. 다들었습니다 ㅜ

0

16

1

코덱스 입력한 텍스트만 받을수 있을까요?

0

6

1

사업자 등록

0

21

2

서브에이전트 실행중에도 대기해야 할까요?

0

13

1

globals.css를 삭제하니 404가 나옵니다

0

89

1

ESLint + Prettier 설정 관련해서 질문있습니다

1

336

2

EsLint flat config format 으로 만들어질 때 참고

0

357

1

<img /> 요소 대신 <Image /> 컴포넌트를 사용해야 하는 이유 (성능 최적화)

0

275

2

router를 사용할 때 왜 페이지가 갱신되는지에 대한 질문

1

355

2

Image 컴포넌트 width, height 속성

1

257

2

스페이스 + 컨트롤 눌러도 활성화 안되시는분 참고하세요...

3

392

3

파일명 명명 규칙에 대해서 묻고 싶습니다

1

901

2

getServerSideProps에서 axios 호출시

1

384

2

next create-next-app@latest 설치 문제

1

612

2

bun, biome 사용 질문

0

367

2

eslint 오류..

1

647

2

API Routes를 사용하는 기준과 장/단점에 대해서 알고 싶습니다!

1

939

3

Link 컴포넌트의 prefetching 기능

1

286

1