useEffect에서 의존성 배열을 쓴거보니까 마운트되자마자
rest-api를이용해 스테이트 값에 데이터를 넣고
값을 받아오길 기다렸다가 값을 넘기기위해서 async await을 썼고,
useEffect가 끝나자마자 getDogImage를 실행했음
그래서 이미지태그로 사진이 전달되어 사이트에 사진이 보여짐.
GRAPHQL-API는 데이터를 따로 아폴로 캐쉬 스테이트라는 임시저장소에
데이터를 담아놓고 data에 값을 전달하고, 그 값을 이용해서
화면에 뿌려주는거라 따로 state를 만들어주지 않아도 상관없지만
rest-api는 데이터를 받아서 따로 스테이트를 만들어서 저장후에 바인딩
데이터를 뿌려줘야하기때문에 더 번거롭다.