[질문] Next.js 서버 컴포넌트에서 API 호출 방법

Next.js App Router에서 서버 컴포넌트를 사용하고 있는데, API를 어떻게 호출해야 하나요? ```tsx // 이렇게 하면 에러가 납니다 export default function Page() { const [data, setData] = useState(null); // useState를 서버 컴포넌트에서 쓸 수 없다고... } ``` 서버 컴포넌트와 클라이언트 컴포넌트의 차이가 헷갈립니다.