전체 글 210

[React Native / Android] 가족 정책 위반에 따른 앱 업데이트 제출 거부

1. Admob을 추가한 뒤 플레이 스토어에 업데이트 제출을 했는데 거부 당했다. 2. 찾아보니 나의 앱은 만 3세 이상 이용이 가능하기 때문에 아동에게도 광고가 노출될 수 있어, 유해한 광고는 나오지 않도록 조절해야 한다는 것이다. dev-yakuza.github.io/ko/react-native/react-native-firebase-v6-admob/ react-native-firebase V6 Admob react-native-firebase(V6)을 사용하여 Firebase의 Admob을 사용하는 방법에 대해서 알아봅시다. dev-yakuza.github.io 이 블로그를 참고하여 admob 광고를 쓰는 화면의 useEffect (componentDidMount)에 import admob, { M..

[React Native] Facebook SDK 적용하기

0. 목적 / 환경 - 앱 설치 이벤트를 위해 Facebook SDK를 적용해야 했다. - react-native: 0.61.5 - react-native-fbsdk: 3.0.0 1. 설치 1) 라이브러리 설치 yarn add react-native-fbsdk cd ios && pod install && cd .. 2) Configuring Your Project 섹션을 보면 더 자세한 설정이 필요하다고 되어 있다. 2-1) Android Link 만약 rn 버전이 0.60 이상이라면, Configure Native Android Project Activity 섹션은 따라하지 않는다. 이미 auto link가 되어 있기 때문. 이하라면 따라한다. Configure the Facebook SDK for A..

[React Native] push notification custom sound 설정하기 / 커스텀 사운드 / 푸시알람

[React Native] push notification custom sound 설정하기 / 커스텀 사운드 / 푸시알람 라이브러리: github.com/zo0r/react-native-push-notification버전: 5.1.01. iOS1) project/ios 폴더에 .caf 파일을 추가한다. (xcode에서 말고 finder에서!)2) xcode에서 다음과 같이 프로젝트 이름에서 우클릭 - Add Files to "project" 클릭 후 ios 폴더에 추가해놓은 파일을 선택한다.3) 코드 작성 import PushNotification, { PushNotificationScheduleObject } from 'react-native-push-notification'; ..

[React Native] Custom Font 적용 (Google Fonts)

1. 폰트 다운로드fonts.google.com/?preview.text=2020.09.11+%EA%B8%88&preview.text_type=custom Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.google.com무료라서 좋음! 나는 fonts.google.com/specimen/Noto+Sans+KR?preview.text=2020.09.11%20%EA%B8%88&preview.text_type=custom 이 폰트를 사용함  2. 적용dev-yakuza.github.io/ko/react-native/react-native-custom-font/ RN(Reacct Native)에서 커스..

[React Native / Android] 푸시알람 절전모드로 인해 울리지 않을 때

테스트를 위해 절전모드를 만든다jb-skin-139.tistory.com/42 안드로이드 | 절전 모드가 되는 시간 변경하는 방법절전 모드 스마트폰에는 절전 모드가 있어요. 일정 시간 사용하지 않으면 화면이 꺼지고 배터리를 절약하는 기능이에요. 화면이 계속 켜 있으면 배터리가 빨리 닳아서 사용 시간이 짧아져요. 그jb-skin-139.tistory.com webs.co.kr/index.php?mid=Android&document_srl=3312655 Android Coding - [Android] 배터리 최적화 대응하기: 도즈(Doze)와 어플 대기모드(App Standby)Calendar restart = Calendar.getInstance(); restart.setTimeInMillis(System..

[React Native] Sentry로 로그 이벤트 확인하기

0. 데브에서 찍는 콘솔을 릴리즈에서도 보고 싶었다. Sentry를 이용하면 된다! 1. 라이브러리 github.com/getsentry/sentry-react-native getsentry/sentry-react-native Official Sentry SDK for react-native. Contribute to getsentry/sentry-react-native development by creating an account on GitHub. github.com 2. 일단 sentry-cli 깔고 docs.sentry.io/cli/installation/ 3. 로그인 등등 docs.sentry.io/cli/configuration/ Configuration and Authentication do..

[React Native] Firebase Admob - Rewards 보상형 동영상 광고 띄우기

1. 설치 yarn add @react-native-firebase/admob cd ios && pod install 2. 적용 // /firebase.json { "react-native": { "admob_android_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx", "admob_ios_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx" } } 3. 실행 3-1. iOS 에러 빌드는 잘 됐는데 xcode 터미널에 이러한 에러가 떴음 Terminating app due to uncaught exception 'GADInvalidInitializationException', reason: 'The Google Mobile Ads SDK was initializ..

[React Native] Deep Link 딥링크

1. 딥링크 이해하기https://help.adbrix.io/hc/ko/articles/360039757433-%EB%94%A5%EB%A7%81%ED%81%AC-Deeplink-URI%EC%8A%A4%ED%82%B4-%EC%9C%A0%EB%8B%88%EB%B2%84%EC%85%9C-%EB%A7%81%ED%81%AC-%EC%95%B1%EB%A7%81%ED%81%AC-%EA%B5%AC%EB%B6%84%EA%B3%BC-%EC%9D%B4%ED%95%B4 딥링크(Deeplink) : URI스킴, 유니버셜 링크, 앱링크 구분과 이해  딥링크 (Deeplink) http 혹은 https 로 시작하는 인터넷 주소는 모두 특정 서비스의 웹페이지로 이동합니다. _ https://igaworks.com 을 주소창에 입력하면..

[React Native] 앱 화면 캡쳐 후 공유 및 갤러리에 저장하기 (Capture ScreenShot and Share)

목적: 앱 내 화면을 그대로 이미지로 추출하여 카카오톡이나 인스타로 공유 및 갤러리에 저장을 하고 싶음 1. 환경react-native: 0.61.5react-native-view-shot: 3.1.2react-native-share: 3.7.0@react-native-community/cameraroll: 4.0.02. 설치1) react-native-view-shot=> 오토링크! 2) react-native-share=> 오토링크! 3) @react-native-community/cameraroll=> 오토링크!(https://coding-dahee.tistory.com/147 이곳에서 cameraroll 설치 방법 자세히 보기!) https://coding-dahee.tistory.com/1473..

[React Native] 관리자용 테스트앱 만들기

최근: iOS: 테스트플라이트가 곧 테스트용 앱이니까 따로 바꿔준건 없음1. firebase GoogleService 어쩌구도 prod도 dev 바라보도록2. 스플래시3. 아이콘4. 코드푸시 키(4까지는 공통)5. Android applicationId 변경6. iOS: 왜인지 모르겠지만 스키마 하나 더 만들었음. build 하면 device 관련 에러났기 때문에.1. 에러Could not get GOOGLE_APP_ID in Google Services file from build environmenthttps://stackoverflow.com/questions/57006663/could-not-get-google-app-id-in-google-services-file-from-build-enviro..

출처: https://mingos-habitat.tistory.com/34 [밍고의서식지:티스토리]