Next.js2 SSR의 한계를 보완한 'Streaming SSR'에 대해 알아보자 들어가며Next.js를 공부하던 도중 Streaming SSR이라는 개념을 접하게 되었다.기존에 알고 있던 SSR 방식과 무엇이 다른지 궁금해져 정리해보았다. ✅ 웹 성능지표본문으로 넘어가기 앞서, 먼저 '웹 성능지표 용어'에 대해 짚어나가야 한다.TTFB (Time to First Byte): 브라우저(클라이언트)가 서버에 요청을 보낸 후 첫 번째 바이트를 받기까지의 시간이다. 즉 요청을 보낸 후 다시 응답을 받기 시작한 시간이라고 보면 된다.FCP (First Contentful Paint): 페이지가 로드되기 시작한 시점부터 컨텐츠의 일부가 화면에 렌더링될 때까지의 시간이다. 요청에 대한 응답을 받기 전에는 유저가 화면에서 어떠한 컨텐츠도 볼 수 없기때문에 FCP는 중요한 지표로 여겨진다. (컨텐츠.. 2025. 12. 12. 웹 렌더링 방식 4가지 비교: CSR·SSR·SSG·ISR 1. 들어가며Next.js란?공식 문서에 따르면, 풀스택 웹 애플리케이션 구축을 위한 React 프레임워크다.'풀스택'에서도 느껴지다시피, 정적 사이트 생성뿐 아니라 서버 렌더링을 가능하게 해주는 웹 개발 프레임워크다. ※ 프레임워크(Framework): 소프트웨어 개발 시 필요한 구조와 규칙을 모두 미리 제공해주는 개발 도구 Next.js는 기본적으로 SSR 기반 프레임워크로 알려져 있지만, 실제로는 네 가지 렌더링 방식을 모두 선택적으로 활용할 수 있는 것이 가장 큰 특징이다.본 글에서는 웹 렌더링 방식 4가지(CSR, SSR, SSG, ISR)에 대해 정리한다. 웹 렌더링 종류 4가지Next.js의 동작 원리를 설명하기 전에 웹 렌더링 방식 4가지를 먼저 짚고 나가겠다.웹 렌더링에는 4가지 방식으로.. 2025. 12. 8. 이전 1 다음
