목록SSR (2)

하루 기록

SSR, CSR 방식의 장단점과 특징

SSR (Server-Side Rendering)과 CSR (Client-Side Rendering)은 웹 애플리케이션을 렌더링하는 두 가지 방식으로, 각각 고유한 장점과 단점이 있습니다.1. SSR (Server-Side Rendering)SSR은 웹 페이지의 HTML을 서버에서 미리 생성하여 클라이언트(브라우저)로 전달하는 방식입니다. 사용자가 페이지를 요청하면, 서버가 HTML을 렌더링하고 클라이언트로 전송합니다.특징HTML은 서버에서 완성된 형태로 전달됨클라이언트 측에서 별도의 JavaScript 로직이 없더라도 페이지가 바로 보임장점빠른 초기 로드 시간: 서버에서 완성된 HTML을 전송하기 때문에 초기 로딩이 빠릅니다. 특히 저사양 기기나 느린 네트워크 환경에서 이점이 큽니다.SEO 최적화: 검..
Today I Learned 2024. 9. 12. 16:03
CSR vs. SSR, 무슨 차이인가요?

페이지(page) 몇 장 쓰세요?1) MPA (Multi Page application) : 새로운 페이지를 요청할 때마다 정적 리소스를 다운받아 렌더링하는 방식 2) SPA (Single Page application): 필요한 데이터가 있을 때마다 비동기로 받아와, 동적으로 현재 화면에 재렌더링 하는 방식      TTV ? TTI? TTV (Time To View) : 첫 페이지 로딩 시간TTI  (Time To Interact) : 인터렉션 (버튼 클릭, 슬라이드 이동 등) 가능한 상태로의  로딩 시간    페이지(page) 어디에서 만드나요?1) CSR (Client Side Rendering) : 클라이언트(브라우저)에서 페이지를 동적 생성하는 방식장단점+👍최초 한번이 느리고, 그 이후의 상..
Today I Learned 2024. 7. 1. 15:03
이전 Prev 1 Next 다음