mockData 사용법

//선언
const [userInfoList, setUserInfoList] = useState([]);

useEffect(() => {
fetch('/data/userInfoList.json')
.then(response => response.json())
.then(result => setUserInfoList(result));
}, []);

// 리턴
{userInfoList.map(userInfo => {
return (

      <ul key={userInfo.id}>
        <li>{userInfo.name}</li>
        <li>{userInfo.email}</li>
        <li>{userInfo.phone}</li>
      </ul>
    );
})}

json데이터는 public/data/data.json에 저장하고
필요한곳에서 fetch메서드를 사용하여 불러와서 사용한다.