
CSR과 SSR의 장단점 Next.js 선택 이유와 고려사항
2023. 3. 22. 15:02
개발이야기/Next.js
csr과 ssr의 차이점✍️CSRreact는 CSR 방식으로 페이지를 렌더링 한다.react는 SPA로 하나의 페이지안에서 모든 데이터를 주고 받으며,react-router-dom 같은 라우팅 라이브러리를 사용해서 페이지 이동처럼 보이게 만들어준다.하지만 실제로는 페이지가 이동하는것이 아닌, URL이 변경될때 보여지는 컴포넌트가 달라지는것 뿐이다.그러므로 실제로 페이지가 이동되어서 다시 HTML과 자바스크립트를 받아오는 것이 아니다. react에서는 맨 처음 유저가 웹에 방문하면 HTML을 받아오고 CSS와 자바스크립트를 불러와서웹을 동작시키면 이후에 우리가 react안에 작성해놓은 코드들이 동작하는 것이다.CSR의 장점은 사용자와의 상호작용이 매끄럽다는 장점이 있다.그러나 검색 엔진 최적화(SEO)가 ..