[React] SSR(Server Side Rendering), CSR(Client Side Rendering), SSG(Static Site
React를 사용하면서 Next.js에 대해 알게 되었다. Next.js를 사용하니 참 편했다. 페이지 라우팅을 페이지 폴더에 이름 맞춰서 넣기만 하면, 알잘딱깔센... (이럴 때 쓰는 게 맞나 ㅎㅎ) 뭐 SSR? 서버 사이드 렌더링? SEO? 검색 엔진 최적화? 잘 해준다고 하는데, 그게 뭐죠? 라고 물어봤을 때 대답할 자신이 없다. 그래서 오늘 확실하게 정리해보려 한다. SSR(Server Side Rendering) 서버에서 렌더링 준비하는 것을 허용하여 클라이언트에게 전체 웹페이지의 구성을 빠르게 전달할 수 있다. 그림을 보고 이해해보자. SSR 구조의 웹 페이지가 구성되어 있을 때, 클라이언트가 해당 웹 페이지에 들어가는 상황이라면, 서버는 HTML과 CSS을 파싱하여 HTML이 렌더링 될 수 ..
WEB
2022. 4. 24. 21:41