웹 렌더링 방식
클라이언트 사이드 렌더링 (CSR) 렌더링하는 주체가 클라이언트(브라우저) 처음에 비어있는 HTML을 내려 받고 링크된 자바스크립트를 다운받은 후 클라이언트 쪽에서 자바스크립트와 함께 동적으로 화면을 구성하여 사용자에게 최종적으로 화면을 보여준다. 장점 한번 로딩 되면 이후에는 빠른 UX제공 서버의 부하가 적음 단점 페이지 로딩시간이 오래 걸림 자바스크립트 활성화가 필수 SEO최적화가 어려움 보안에 취약 CDN에 캐시되지 않음 스태틱 사이트 제너레이션 (SSG) 렌더링하는 주체자가 서버이고 빌드할때 렌더링되어 렌더링된 화면을 클라이언트에서 다운만 받고 사용자에게 최종적으로 보여준다. 장점 페이지 로딩시간이 빠름 자바스크립트 활성화 되지 않아도 됨 SEO최적화에 좋음 보안이 뛰어남 CDN에 캐시 됨 단점 ..
Front-end/NEXT.JS
2023. 4. 15. 21:42
