728x90
반응형

server-side rendering 2

Front-end/Next.js서버사이드 렌더링(SSR): 서버에서 시작되는 완벽한 HTML의 세계⚙️

서버사이드 렌더링이란? 🗂️서버사이드 렌더링(SSR)은 서버에서 HTML을 완전히 생성한 뒤, 브라우저에 전달하는 렌더링 방식이에요. 사용자가 페이지를 요청하면 서버가 모든 데이터를 모아 HTML을 만들어 보내죠. 덕분에 사용자는 완성된 화면을 빠르게 볼 수 있어요. 이와 반대로, 클라이언트사이드 렌더링(CSR)은 브라우저가 기본적인 HTML 파일만 받고 나머지 작업(JS 실행, 데이터 로드 등)은 브라우저에서 처리합니다. 즉, CSR은 “빈 껍데기”를 먼저 보내고 클라이언트에서 화면을 완성해요.SSR vs CSR: 무엇이 다른가? 🗄️특징 서버사이드 렌더링 (SSR)클라이언트사이드 렌더링 (CSR)렌더링 위치서버에서 HTML 생성 후 전달 브라우저에서 HTML 생성초기 로딩 속도빠름 (HTML 완전..

카테고리 없음 2024.11.24

현대 웹 개발의 렌더링 방식: SSR, CSR, SSG, ISR 완벽 정리 🌝

렌더링 방식을 선택할 때 무엇이 중요할까? 🪩웹 애플리케이션을 만들 때, 어디에서 HTML을 생성하고 콘텐츠를 렌더링할지는 매우 중요한 결정이에요. 과거에는 주로 서버에서 모든 작업을 처리하는 SSR 방식이 널리 사용되었어요. 이후엔 사용자 경험이 점점 중요해지면서 클라이언트 측에서 렌더링하는 CSR 방식이 부각되기도 했어요. 최근에는 다양한 요구에 맞춰 최적화된 솔루션으로 SSG와 ISR같은 새로운 렌더링 방식이 인기를 얻고 있기도 해요. 하지만 결국엔 각각에 장단점이 존재하기 때문에 도메인과 프로젝트의 특성과 목표에 따라 적절한 렌더링 방식을 선택하는 것이 점점 더 중요해지고 있어요. 각각이 어떤 렌더링 방식을 가지고 있는지 함께 살펴봅시다! 🚀1. 클라이언트사이드 렌더링 (CSR: Client-..

Web 2024.11.23
728x90
반응형