- Next.js 15에서 Client Component의 전략적인 배치는 애플리케이션 성능 최적화에 매우 중요합니다. 🌲
- Client Component는 State와 상호작용을 처리하기 위해 필요하며, Component Tree 하단에 배치하는 것이 좋습니다. ⬇️
use client
지시어는 해당 Component와 그 하위 모든 Component를 Client-side로 실행하게 합니다. 🌎- 상위 Component를 Client Component로 만들면 불필요하게 많은 코드가 브라우저로 전송될 수 있습니다. ⚠️
- 가능하면 Client Component를 Leaf Component로 만들어 최적화하는 것이 좋습니다. 🍃