인프런 커뮤니티 질문&답변
서버사이드 렌더링과 클라이언트 사이드 렌더링에 대해
작성
·
579
답변 2
0
1. SEO 관점에서의 질문
첫방문만 서버사이드렌더링이 되고 사용자들이 다른 페이지를 이동할때는 클라이언트 사이드렌더링이 된다고한거에 대해 조금 놀랐는데요 저는 모든 페이지가 SSR되는줄 알았습니다. SEO를 위해 Next를 사용하는 입장에서는 모든페이지의 데이터를 다 긁어가야 될텐데 SPA(React) 는 초기에 모든 JS를 다 내려주기때문에 첫방문만 서버사이드렌더링이 되도 검색엔진이 긁어갈 데이터를 모두 가져갈수 있다로 이해해도 되나요?
2. 현업에서 Next같은 서버사이드렌더링 프레임워크를 사용하는 이유가 SEO, 코드스플리팅외에 다른것이 더 있을까요?
댓글을 읽어보니 CRA로도 SEO를 일일이 작업할수 있다고 한거같은데 코드스플리팅도 웹팩에서 지원되는걸로 알고있거든요.
다른 장점들이 뭐가더 있는지 궁금합니다.
0
제로초(조현영)
지식공유자
네 첫 방문만 서버사이드 렌더링입니다. 따라서 검색엔진 로봇처럼 첫 방문만 하는 친구들은 서버사이드렌더링을 통해 제대로된 화면 데이터를 긁어가고, 사용자들은 페이지 이동 시 클라이언트사이드렌더링을 통해 원활한 SPA 경험을 할 수 있습니다. CRA로 짜면 클라이언트사이드렌더링인데 직접 SSR을 붙이실 수는 있습니다.





spa에도 링크 주소가 있습니다. 똑똑한 검색인진 봇은 spa도 인식하니 문제 없을 것이고, 멍청한 검색엔진 봇은 그 링크 주소를 매번 새 페이지로 열어서 크롤링하므로 검색 엔진 입장에서는 모든 페이지가 ssr되는 것처럼 보이므로 문제 없습니다.
코드스플리팅과 seo를 간편하게 해줘서 인기가 많은 겁니다. 직접 cra로 세팅하려면 귀찮거든요. 일례로 제 블로그가 전부다 수동으로 세팅한 블로그입니다(cra도 안 썼습니다)