사전 렌더링 이해하기

 

 

---

Client Side Rendering(CSR) 의 단점을 효율적으로 해결하는 기술

- 페이지 이동이 매우 빠르고 쾌적하다는 장점이 있음 

 

 단점? 초기 접속 속도가 느려짐 

화면에 나타나는데까지 걸리는 이 시간을  FCP(First Contentful Paint) 이라고 함 

이는 웹 페이지의 성능을 대표할 정도로 중요한 지표 

---

 

NEXT.JS 는 이런 단점을 해결하기 위해 사전 렌더링을 사용함 

 

TTI : 상호작용까지 걸리는 시간 

 

 

 

 

출처 : 한 입 크기로 잘라먹는 Next.js (15+)

https://www.inflearn.com/course/%ED%95%9C%EC%9E%85-%ED%81%AC%EA%B8%B0-nextjs/dashboard