2022.05.28 토요일 첫 시작

영상의 목적

• Advanced React Best Practices, such as folder & file structure, hooks, and refs
• Creating a User Interface using Material UI
• Working with Google Maps API
• fetching data from unlimited sources using RapidAPI

기능 명세

• 지도 정보를 불러옴
• 지도에 맛집에 대한 데이터를 받아옴
• 해당 맛집의 웹사이트를 방문할 수 있음
• 평점을 선택해서 해당 평점 이상의 맛집만 볼 수 있음(Filter)
• 레스토랑, 호텔, 명소 등으로 구분하여 볼 수 있음(Filter)
• 해당 장소의 가격, 등급, 인증서 등도 볼 수 있음
• 지도를 움직이면 정보가 업데이트되면서 데이터를 새로 받아와서 뿌려줌
• 지도의 정보 카드를 클릭하면 왼쪽 목록에서 스크롤되서 해당 카드의 세부 정보를 보여줌(bookmark)
• 실시간 날씨 반영(맑음, 흐림, 비 등)

https://rapidapi.com/

sign-up : github 로 로그인함