use client
지시어 사용을 최소화하여 React Server Components를 최대한 활용, JavaScript 번들 크기 감소 🚀.- Next.js Image 컴포넌트를 사용하여 이미지 크기를 최적화하고 로딩 속도 향상 🖼️.
moment.js
대신 내장 JavaScript API를 사용하여 불필요한 라이브러리 크기 줄이기 ⏱️.- 스트리밍을 통해 UI의 중요한 부분을 먼저 렌더링하고 데이터 로딩을 Suspense로 처리하여 사용자 경험 개선 ⏳.
- 서버 컴포넌트에서 데이터 페칭은 레이아웃이 아닌 페이지에서 수행하여 성능 문제 방지 ⚙️.