React Native/Error 20

[React Native] FlatList에 Mobx를 쓰면 발생하는 에러 (Out of bounds read: )

1. 에러 상황 FlatList data에 mobx로 받아온 배열을 넣어주면 Out of bounds read 에러가 발생합니다. 2. 에러 원인 이유를 찾아보다가 잘 정리된 글을 발견했습니다. FlatList는 배열에 저장된 값들을 읽어서 렌더링하는 역할을 하는데요. 위 에러는 FlatList가 읽을 수 없는 형태의 배열이 들어왔을 때 나타납니다. mobx에 저장된 배열은 일반 형태의 배열이 아니라고 합니다. @observable users: Array = [] //또는 users: Array = observable([]) 위 2개의 형태 중 하나로 정의되기 때문에 FlatList가 읽을 수 없다고 합니다. 3. 해결 방법 mobx의 배열에 .slice()를 붙혀주면 됩니다. // 에러 발생 // 해결..

React Native/Error 2022.01.17

[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 ..

React Native/Error 2022.01.12

[React Native / iOS 에러해결] 시뮬레이터 실행 에러 Unable to find a destination matching the provided destination specifier

1. 에러 상황 시뮬레이터 실행 중 위 에러가 발생했습니다. 에러 원인은 Xcode에서 설정한 iOS버전을 실행시킬 수 있는 시뮬레이터가 없어서 그렇습니다. 2. 에러 해결 시뮬레이터를 기동해보면 상단에 iOS 버전이 적혀있습니다. Xcode에서 프로젝트를 실행하고 좌측에 프로젝트명 클릭 > General 탭 > Deployment Info 메뉴의 iOS 버전을 시뮬레이터에 적힌 버전과 같거나 아래버전으로 설정합니다.

React Native/Error 2022.01.12

[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

React Native/Error 2022.01.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..

React Native/Error 2022.01.11

[React Native 에러 해결] Invariant Violation: Tried to register two views with the same name RNAdMobBannerView

1. 에러 상황 앱에 구글 애드몹 위해 2개의 라이브러리를 테스트하며 설치/삭제하던 중 위 에러를 만났습니다. 구글링을 해보니 외부 라이브러리를 쓰시는 분들께서 종종 만나는 에러로 보입니다. 2. 해결 방법 여러 방법이 있는 것 같습니다. 그 중에서도 저는 npm dudpe 를 통해 해결했습니다. (참조 링크) 지금까지 npm 명령어는 npm init / npm start / npm run android 이 정도만 써왔었는데.. 저건 뭘까...! 해서 찾아보니, 중복된 패키지들을 정리해주는 명령어라고 합니다. 가끔 사용해주면 용량도 줄어든다고 하네요!

React Native/Error 2022.01.11

[React Native / Android 에러해결] app:mergeDebugJavaResource, app:mergeDebugNativeLibs

1. 에러 상황 react-native-firebase/firestore 라이브러리를 설치하고 안드로이드 앱을 실행하니 아래의 에러가 발생했습니다. React Native Firebase의 공식 문서를 보면 아래처럼 app:mergeDexDebug 에러가 발생하면 링크를 참조해 해결하라고 알려줍니다. mergeDexDebug는 아니지만 일단 따라해봤습니다. 역시! 해결되지 않았습니다..ㅎㅎ 2. 해결방법 1) 안드로이드 캐시 삭제 https://lonelychicken.tistory.com/2 위 블로그를 보고 캐시 삭제를 해보았습니다. 안드로이드 스튜디오에서 프로젝트를 열고, File > Invalidate Cache를 눌러줍니다. 결과: 아쉽게도 제 에러는 해결되지 않았습니다 ㅠㅠ 2) app/bui..

React Native/Error 2022.01.10

[React Native/IOS] CompileC /Users/juzero/Library/Developer/Xcode/DerivedData/project-hbkrudqxtxdjkbcoxpmydzixlzqq/Build/Intermediates.noindex/project.build/Debug-iphonesimulator/project.build/Objects-normal/x86_64/AppDelegate.o /Users/juzero/project/iO..

1. 에러 상황 facebook 로그인기능을 구현하던 중에 loginManger 부분에서 에러를 만났고, 해결하는 과정에서 포스팅 제목에 있는 또다른 에러를 만났습니다. 에러를 많이 만나니 혼자 개발해도 외롭지 않아요. 페북 로그인 버튼이 작동하는 것만 보고 자려고했는데... 에러랑 놀아주느라고 벌써 잘시간이 훌쩍 넘어버렸습니다 ㅠ 처음에는 facebook sdk 적용 과정에서 잘못한 부분이 있는 줄 알고 하나씩 다 다시 훑어봤어요. 한두시간은 거기에 매달렸지만.. 찾지 못했습니다. 2. 해결 방법 시도 1) dody님의 블로그 참고 https://velog.io/@dody_/RN-에러노트-The-following-build-commands-failedCompileC-UsersdodyLibraryDeve..

React Native/Error 2022.01.09

[React Native / IOS] 시뮬레이터 에러, The iOS Simulator deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 8.0, but the range of supported deployment target versions is 9.0 to 15.0.99.

1. 에러 상황 에러문을 읽어보면 타겟의 버전이 서로 안맞아서 그렇다고 합니다. 모든 개발자의 랜선 스승님인 stackOverFlow에 역시나 같은 질문이 있네요! https://stackoverflow.com/questions/54704207/the-ios-simulator-deployment-targets-is-set-to-7-0-but-the-range-of-supported-d The iOS Simulator deployment targets is set to 7.0, but the range of supported deployment target version for this platform is 8. I'm getting this below warning message in my Xcode 1..

React Native/Error 2022.01.09

[React Native / 에러해결] 페이스북 로그인 에러, null is not an object (evaluating ‘LoginManager.loginWithReadPermissions’

1. 에러 상황 페이스북 로그인 기능을 구현하는 중에 LoginManager에서 에러가 발생함. Possible Unhandled Promise Rejection (id:0): TypeErro: null is not an object (evaluating ‘LoginManager.loginWithReadPermissions’ 2. 해결방법 아래의 깃헙 링크를 참조해서 해결했습니다! https://github.com/fbsamples/f8app/issues/118 Log In With Facebook - ALERT - undefined is not an object (evaluating ‘LoginManager.loginWithReadPermissions’) · Issue #118 In iOS simula..

React Native/Error 2022.01.08