모두CBT

"성능 최적화: React Server Components 도입, 렌더링 성능 및 데 상세 페이지

"성능 최적화: React Server Components 도입, 렌더링 성능 및 데이터 페치 효율성 향상"

이라고 적혀있는데요,

조금도 자세히 설명해주시겠어요

해설

서버에서 HTML을 미리 생성해서 보내니까 번들사이즈가 작아서 렌더링 성능이 개선되었어요 , First Contentful Paint가 약 40% 빨라졌어요


데이터 패칭 부분에서

Request-level 캐싱이 자동으로 돼요. 같은 요청 내에서 동일한 fetch가 여러 번 호출되면 한 번만 실행되거든요

Router CacheData Cache가 계층적으로 동작해서 사용자가 페이지 간 이동할 때 훨씬 빨라졌어요.


인터렉션 관련 코드를 hydration 해주는 작업이 필요

내용에 오류가 있거나 최신 법령·기준과 다른 부분이 보이면 알려주세요. 확인 후 반영하겠습니다.