Frontend Study - 2/CSR & SSR (1) 썸네일형 리스트형 CSR & SSR (클라이언트 사이드 렌더링 & 서버사이드 렌더링) + 왜 CSR은 SEO가 안 좋을까? '서버 사이드 렌더링' 이라는 말이 자꾸 들렸다. 서버 쪽에서 렌더링을 한다는 의미겠거니 했는데 리액트를 활용한 CSR과 어떤 점에서 다르고, 어떤 점에서 좋은지 비교해서 공부해보고 싶었다. 1. CSR (Client-Side-Rendering) 클라이언트 사이드에서 렌더링 하는 것이다. 리액트의 경우가 CSR를 통해 SPA (Single-Page-Application)를 구현하는 대표적인 예시이다. 바닐라 자바스크립트에서 html파일 안에 태그들을 빼곡히 적어 나갔던 것과 달리, 리액트를 처음 배울 때 index.html - 가 전부였던게 신선했었다. CSR의 과정을 설명하면 이렇다. - 클라이언트가 웹사이트에 들어간다 (request) - 서버에서 html파일을 JS링크와 함께 전달한다(respons.. 이전 1 다음
