본문 바로가기

React Native67

[React Native / iOS 에러] "RNAppleAuthButtonViewManagerWhiteSignIn" was not found in the UIManager. 1. 에러상황 아래의 라이브러리로 애플로그인 버튼을 구현하는 중 "RNAppleAuthButtonViewManagerWhiteSignIn" was not found in the UIManager. 에러를 만났습니다. RN 애플 로그인 라이브러리 https://github.com/invertase/react-native-apple-authentication GitHub - invertase/react-native-apple-authentication: A React Native library providing support for Apple Authentication on iOS a A React Native library providing support for Apple Authentication on .. 2022. 1. 12.
[React Native / iOS 에러해결] 시뮬레이터 실행 에러 Unable to find a destination matching the provided destination specifier 1. 에러 상황 시뮬레이터 실행 중 위 에러가 발생했습니다. 에러 원인은 Xcode에서 설정한 iOS버전을 실행시킬 수 있는 시뮬레이터가 없어서 그렇습니다. 2. 에러 해결 시뮬레이터를 기동해보면 상단에 iOS 버전이 적혀있습니다. Xcode에서 프로젝트를 실행하고 좌측에 프로젝트명 클릭 > General 탭 > Deployment Info 메뉴의 iOS 버전을 시뮬레이터에 적힌 버전과 같거나 아래버전으로 설정합니다. 2022. 1. 12.
[React Native / iOS] iOS 14이상에서 추적 요청 팝업 띄우기 (일부 앱이 Apple의 SKAdNetwork를 사용하도록 구성되지 않았습니다 해결) 안녕하세요. 이번 포스팅에서는 iOS의 추적요청 동의를 받는 방법을 알아보겠습니다. iOS 14 이상에 광고를 추가하거나 사용자의 활동을 수집하기 위해서는 동의를 받아야 합니다. 제가 개발중인 앱에도 구글 애드몹 광고가 붙어있는데, 구글 애드몹을 추가할 때에도 추적 요청 팝업을 띄워야 한다고 하네요. 이렇게 경고 알림아 떴습니다. 그럼 바로 시작해볼게요! 0. 조건 Google Mobile Ads SDK 가 7.64.0 버전 이상이어야 합니다. 1. npm 설치 아래 코드를 입력해 관련 라이브러리를 설치합니다. npm install react-native-tracking-transparency cd ios pod install 2. info.plist 수정 info.plist에 아래 코드를 추가해주세요... 2022. 1. 12.
[Firebase / firestore] 파이어스토어 collection, doc 기본 구조, 개념, 코드 안녕하세요. 이번 포스팅에서는 firebase의 firestore에서 컬렉션, 문서를 추가하는 방법을 알아보겠습니다. firestore는 NoSQL의 데이터베이스로써 key-value 형태의 데이터베이스를 제공하고 있습니다. 그리고 파이어스토어에서 디비 구조를 만들기 위한 핵심개념이 컬렉션(collection)과 문서(doc) 인데요. 공식 문서는 여기를 참조하시면 됩니다. 컬렉션? '폴더' 라고 생각하시면 됩니다. 데이터베이스들이 모여있는 뭉텅이, 하나의 스키마와 비슷합니다. 문서 폴더 안에 저장된 낱개의 정보입니다. 컴퓨터의 폴더 구조에 비교하면 이해가 조금 쉬울 것 같습니다. 유저의 정보를 저장하는 User라는 폴더(컬렉션)이 있습니다. 그리고 그 폴더 안에는 유저에 대한 실제 데이터가 적혀있는 한.. 2022. 1. 11.
[React Native / Android 에러 해결] app:packageDebug FAILED 1. 에러 상황 firestore라이브러리 도입 이후에 packageDebug 에러가 발생했습니다. 찾아보니 위 에러는 다양한 이유에서 발생하는 것 같습니다. 에러 코드중 Waht went wrong을 보면, 저의 경우에는 heap space로 인해서 발생한 것으로 보입니다. 2. 해결 방법 android/app/src/main/AndroidManifes.xml 파일에서 태그 안에 아래 코드를 추가합니다. android:largeHeap="true" 이런 식으로 말이죠 만약 위에 방법이 안돼면 아래 링크를 따라해보세요 :) https://rnfirebase.io/enabling-multidex 참조 https://github.com/facebook/react-native/issues/6799 2022. 1. 11.
[React Native 에러 해결] 페이스북 로그인 에러: App ID not found. Add a string value with your app ID for the key FacebookAppID to the Info.plist or call [FBSDKSettings setAppID:]. 1. 에러 상황 firebase를 통해 facebook로그인 기능을 개발하던 중에 App ID not found 에러를 만났습니다. info.plist에 분명히 추가했는데 왜 없다고 하는거야!!! 2. 해결 방법 라이브러리 readme에 해당 에러에 대한 해결법이 적혀있네요! https://github.com/thebergamo/react-native-fbsdk-next#installation 위 링크로 들어가보면 아주 명확 깔끔한 해결법이 적혀있습니다! AppDelegate.m에서 아래 코드를 추가하면 해결됩니다. [[FBSDKApplicationDelegate sharedInstance] application:application didFinishLaunchingWithOptions:launchOpt.. 2022. 1. 11.

티스토리툴바