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

ohjaehokor님의 프로필 이미지
ohjaehokor

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

Next.js 역할 소개

ssr방식과 csr방식

해결된 질문

작성

·

687

·

수정됨

0

수업시간 5분 50초때 설명해주시기로는

ssr방식은 첫 페이지는 전통적인 방식으로 seo를 가능하게 하고, 이후 페이지 전환시에는 react방식으로 하신다고 하셨는데, 이게 next.js에서 구현된 ssr에 한하여 설명해주신건가요?? 아니면 next가 아니더라도 보편적인 ssr방식을 설명해주신건가요 ??

 

동아리 면접 대비로 ssr, csr, spa, mpa 개념이 헷갈려서 공부하고있는데,

제가 이해하기로는 ssr은 브라우저의 요청시마다 페이지 전체를 데이터까지 적용하여 서버에서 전달받아 렌더링하는걸로 이해했는데, 6분때 설명해주시는것은 csr방식이 섞인것 같은데, 혹시 제 이해가 잘못되었나 싶어서 여쭤봅니다..

 

+ 수업 1분20초에 ssr의 전체 과정이 길어서 로딩속도가 많이걸려 느리게 그려준다고 하셨는데, 다른 관련 블로그 글에선 오히려 csr방식이 서버에 첫 요청시 전체 페이지에 대한 문서파일을 받아오니 ssr보다 첫페이지 로딩속도가 느리다고 하더라고요.

그러면 첫페이지 로딩속도는 ssr이 csr보다 빠르고,

페이지 전환 속도는 csr이 ssr보다 빠르다고 정리하면 될까요??

 

답변해주시면 감사하겠습니다 !

 

 

답변 2

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

넥스트에서의 ssr입니다. 전통적인 방식의 경우는 매 페이지마다 ssr을 합니다. 이게 비효율적이라서 넥스트는 첫 페이지만 ssr, 다음 페이지부터는 csr을 합니다.

정리하신 게 맞습니다. 첫페이지 로딩속도는 ssr이 빠르고(다만 인간의 체감속도는 csr이 빠릅니다), 페이지 전환속도는 csr이 빠릅니다.

 

0

ohjaehokor님의 프로필 이미지
ohjaehokor
질문자

답변 감사합니다

ohjaehokor님의 프로필 이미지
ohjaehokor

작성한 질문수

질문하기