나가기
🌐 웹 개발 기초›서버 vs 클라이언트 컴포넌트1/5
Next.js의 모든 컴포넌트는 기본적으로 서버 컴포넌트입니다
tsx
1// 서버 컴포넌트 — 별도 표시 없음 (기본값)2// app/users/page.tsx34export default async function UsersPage() {5 // ✅ 서버에서 직접 DB 조회!6 const users = await db.user.findMany();78 // ✅ 서버에서 직접 API 호출!9 const data = await fetch("https://api.example.com/data");1011 return (12 <ul>13 {users.map(user => (14 <li key={user.id}>{user.name}</li>15 ))}16 </ul>17 );18}1920// ❌ useState, useEffect 사용 불가!21// ❌ onClick 등 이벤트 핸들러 불가!탭하여 계속 ▸
1 / 5