개발 및 인프라/Web

[React] Google Map 사용기 (feat. Router, API키 숨기기)

들어가기 전Native로 안드로이드 어플을 개발하는 경우도 있지만, 웹을 만들어 안드로이드 앱 내에 웹뷰로 띄워주는 경우도 있습니다. 저는 이번에 웹뷰 테스트를 위해 React 웹에 Google Map API를 이용해 지도를 띄워야 했습니다. 이 과정에서 배운 Google Map API를 사용하는 방법과 외부 API를 사용할 때 중요한 API 키를 숨기는 방법을 작성하고자 합니다.Google Map API 사용하기구글 가이드구글 API를 사용하기 위해서는 Google Cloud Platform에 Project를 생성해야 합니다.여기서 가장 중요한 것은 구글 API Key를 발급 받는 것입니다.위 사진과 같이 첨부된 구글 가이드를 통해서 프로젝트를 생성합니다.API 활성화를 통해 API 키를 발급 받습니다..