React + SWR

 SWR은 next.js를 개발한 vercel사 에서 제공하는 데이터 페칭 라이브러리다. 나는 msw를 통해 mocking data를 만들었고 이 mocking data를 useSWR훅으로 받아오는 작업을 하였다. 

 

swr로 데이터를 페칭해오는 중

msw handler에 적어둔 mocking data 배열의 형태로 받아왔다. 

 

다음과 같이 map을 통해 SWRPerson[]을 돌면서 이름을 가져온다.