프로젝트3

 

 

 

회사 다니시는  분들의  회사에 대한 리뷰글을 담은  임시 데이터를  메인 화면단에  나타내기 

 

1.  useQuery라는  서버와  네트워크 통신 혹을 이용해서 json-server에 있는    data를  불러왔습니다 .

 

2.  map이라는  배열 메서드를 이용해서    리뷰 데이터를 다음과 같이   화면에 나타내주었습니다.

        

     3.  이제  리뷰페이지가 보입니다. 

     

     

       

 

---

 

 useQuery 에서  제공하는   isLoading , isError   를  이용한   데이터 로딩시 / 데이터 로딩 실패시 로직 구현

 

 // isLoading : 로딩중일때 보여줄 화면 
 if (isLoading) {
    console.log('로딩중입니다.');
    return <div>Loading...</div>;
  }

// isError : 에러 나올때  보여줄 화면 
// 추가적으로 오류가 나오면  에러가 나오는것을 확인 할수 있습니다
  if (isError) {
    return <div>오류!!!!</div>;
  }

 

 

 kakaoMapSDK  을 이용한   지도에  커스텀 오버레이 구현하기