[React-Native CLI] react-native-maps이용하여 googleMap 구현하기
·
Stack/React-Native
React-Native 에서 화면 스크린에 구글 맵을 띄우고 싶으면 react-native-maps 을 이용하면된다.우선 Google Map을 하려면 Google API 키가 필요하다.react-native-maps 라이브러리 설치react-native-maps 라이브러리를 설치해준다.$ npm install react-native-maps# --- or ---$ yarn add react-native-mapspods 설치cocoapod으로 ios에 react-native에서 라이브러리를 넣어주는 작업을 해준다.$ npx pod-installcode 추가해주기ios → ProjectName → AppDelegate.mm파일에 에 코드를 추가한다.// 이부분 추가+ #import @implementatio..
[React Native CLI] ios API 키 안전하게 숨기기
·
Stack/React-Native
💡읽기전에. 다음 내용은 미리 파일을 Config.xcconfig 를 미리 만들어놓고 재현하는 과정을 담았습니다.때문에 사진을 보면 Config.xcconfig 파일과 Config1.xcconfig 파일 두개가 있는걸 볼 수 있는데 이건 그냥 같은파일이라고 생각하면됩니다. 중간에 다시 파일을 지워서 사진을 정상화한 부분도 있으니 참고Config.xcconfig 파일 생성xcode로 들어간다음에 프로젝트 우클릭후 파일을 생성한다.이후 우측 상단엔 configuration 을 검색 하면 아래와 같이 configuration Settings File 을 클릭하고 Next 생성을 한 이후에 API_KEY 의 KEY 값과 Value를 작성해준다.Info.plist와 연결API_KEY를 Info.plist 항목을..