AI 요약관련 정보

• Next.js에서 데이터를 가져올 때 서버 액션을 사용하는 것은 POST 요청을 생성하여 캐싱을 방해하고 병렬 처리를 막습니다. 🚫
• 서버 컴포넌트를 사용하여 데이터를 가져오고, 클라이언트 컴포넌트에서 상호 작용을 처리하는 것이 좋습니다. ✅
• Suspense Boundary를 사용하여 데이터 로딩 상태를 표시하고, 사용자 경험을 개선하며 요청을 병렬로 처리할 수 있습니다. ⏳
• 데이터 접근 로직을 컴포넌트 외부의 별도 레이어로 분리하여 재사용성과 유지보수성을 높여야 합니다. 🧱
• 인증된 사용자만 접근 가능한 페이지의 경우, 서버 컴포넌트에서 세션을 검증하고, 유효하지 않은 세션은 리다이렉트해야 합니다. 🔑