React SSR : ReactDOMServer.renderToString, hydrate
화면 표현을 클라이언트에게 모두 전가하느냐(CSR), 아니면 서버가 어느정도 개입하느냐(SSR) 딱 이 차이다. 이걸 평소에 쉽게 하려고 Next.js를 써왔는데 그런데 그걸 Next.js 없이 React에서 해보자. 이겁니다. 일반 CSR의 경우 CRA를 생성한 후, postman으로 get 명령을 날려보았습니다. 보시듯, root 내부에 아무런 DOM도 생성되지 않았고, javascript 번들만 추가된 것을 확인하실 수 있습니다. 검색 크롤러의 입장에서는 get 명령을 날렸더니 서버에서 이렇게 빈 dom을 주니 어떤 내용이 있는지 알 수가 없는거죠. 이런 경우 root 아이디를 가진 DOM을 찾아서 render함으로 끝납니다. import React from "react"; import ReactD..