1import { useState, useEffect } from "react";
2
3function UserList() {
4  const [users, setUsers] = useState([]);
5
6  useEffect(() => {
7    // 컴포넌트가 화면에 나타난 후 실행
8    async function fetchUsers() {
9      const res = await fetch("/api/users");
10      const data = await res.json();
11      setUsers(data);
12    }
13    fetchUsers();
14  }, []); // [] = 마운트 시 1번만 실행
15
16  return (
17    <ul>
18      {users.map(user => (
19        <li key={user.id}>{user.name}</li>
20      ))}
21    </ul>
22  );
23}