- 리액트 서버 컴포넌트를 사용하면 JS 번들 사이즈를 줄일 수 있습니다. 📦
- 서버 컴포넌트 선언 기준: 훅이나 이벤트 핸들러가 없다면 최대한 하위 컴포넌트에
use client
를 선언합니다. 🎯 - 사용자 이벤트를 받는 컴포넌트는 클라이언트 컴포넌트여야 합니다. 🖱️
- 위젯 컴포넌트를 서버 컴포넌트로 만들기 위해 상태 관리를 URL 파라미터로 변경했습니다. 🔗
next-bundle-analyzer
를 사용하여 번들 사이즈 변화를 측정하고 성능 최적화 결과를 확인했습니다. 📊