• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    해결됨

ssr방식과 csr방식

23.03.15 11:29 작성 23.03.15 11:42 수정 조회수 591

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

질문자

2023.03.15

답변 감사합니다