[Web] SSR, CSR 장단점 / 자바스크립트 아키텍처

※ 랜더링 위치에 따른 애플리케이션 분류 (SSR vs CSR) 1. 서버 사이드 렌더링(SSR) - Multi Page Application(MPA) ▶ 장점 개발 및 유지보수가 쉬움 검색엔진 최적화(SEO - Search Engine Optimization) 쉬움 ▶ 단점 네트워크 트래픽 증가 서버 처리량 증가 페이지 전환이 느림 ▶ 특징 새로운 DOM으로 라우팅 일부 AJAX 통신 ▶ SSR vs MPA - SSR : AJAX 통신을 통해서 html 코드 조각을 바꿈 - MPA : 페이지 이동 방식 - 공통점 : 둘 다 서버에서 랜더링함. 2. 클라이언트 사이드 렌더링(CSR) - Single Page Application(SPA) ▶ 장점 네트워크 트래픽 감소 서버 처리량 감소 페이지 전환이 빠름..
Web/HTML & CSS & JS 2021. 5. 18. 10:43
1