[React/ Next.js] 클라이언트 사이드 렌더링 (Client Side Rendering)와 Next.js
렌더링(Renderinng) 이란? - 서버로부터 받은 내용을 브라우저 화면에 표시하는 것 SSR vs CSR SSR : Server Side Rendering 장점 - 전통적인 방식 - 검색엔진최적화(Search Engine Optimization, SEO) 가능 -> React에서 SSR사용하기 위해 Next.js 사용 Q. 검색엔진최적화란? 웹 페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성해서 검색 결과의 상위에 나올 수 있도록 하는 작업 단점 - 로딩속도가 많이 걸림 - React에서 서버사이드 렌더링 구현 할 경우 Router과 Redux 함께 사용 --> 복잡해짐 CSR : Client Side Rendering - Client에서 렌더링 하는 방식 - Reac..
Programming/React-Next.js
2021. 1. 29. 00:13