React & React Native/오류노트

해당 글에서는 React Native에 발생한 Metro (the local dev server) is run from the wrong folder. 오류에 대해 해결방법에 대해 알아봅니다 1) 문제점💡 문제점- 앱을 실행하는 중에 아래와 같은 오류가 발생하였습니다.- A라는 앱을 복제해서 B라는 앱으로 새로 구성하는 중에 발생하였습니다."xxxxx" has not been registered. This can happen if:Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.A module failed to loa..

해당 글은 React Native에서 발생하는 SDK location not found 오류 해결방법에 대해 작성한 글입니다1) 문제점💡 문제점- 새로운 PC 환경에서 프로젝트를 실행하고자 할 때 아래와 같은 에러가 발생하였습니다.What went wrong: A problem occurred evaluating root project 'LottoGenerator'.Failed to apply plugin 'com.facebook.react.rootproject'. A problem occurred configuring project ':app'. com.android.builder.errors.EvalIssueException: SDK location not found. Define a valid S..

해당 글에서는 FCM에서 푸시메시지가 중복되어 전송되는 문제를 해결하기 위한 해결방법에 대해 알아봅니다1) 문제점💡문제점- 앱에 있는 상태(foreground)에서는 FCM을 전송하는 경우 정상적으로 한번 메시지가 전송이 되었지만, 아래와 같이 앱을 벗어난 상태(background)에서 똑같은 FCM이 두 개가 전송되는 문제가 발생하였습니다. 1. 소스코드 확인💡 소스코드 확인- 아래와 같이 App.tsx 파일이 실행되었을때, 앱에 있는 상태(foreground) 상태에서 메시지를 받기 위해 messaging().onMessage() 메서드를 사용하였고, 앱을 벗어난 상태(background) 상태에서 메시지를 받기 위해 messaging().setBackgroundMessageHandler()를 메..

해당 글에서는 iOS 환경에서 Xcode를 기반으로 앱 빌드를 하였을 때 발생하는 오류에 대해 이를 해결하는 방법에 대해서 알아봅니다.1) expo-sqlite 문제점💡 expo-sqlite 문제점- 구성한 소스코드를 App Store 내에 배포하기 위한 과정에서 아래와 같은 에러가 발생하였습니다.- 이는 버전과 빌드 버전에 대해에 명시하지 않았다는 오류로 판단이 되었습니다.- The bundle 'Payload/.app/Frameworks/crsqlite.framework' is missing plist key. The Info.plist file is missing the required key: CFBundleShortVersionString. Please find more information ..

해당 글에서는 database is locked 오류에 대해서 이를 해결하는 방법에 대해 알아봅니다1) 문제점💡 문제점- 모바일 기기에서 API 통신을 하는 도중에 아래와 같은 오류가 발생하였습니다.- database is locked- 해당 환경에서 데이터베이스를 사용하는 경우는 내부 DB로 SQLite를 사용하였고, 외부 DB로 PostgreSQL을 사용하고 있습니다. 💡 HTTP Client를 통한 로컬 데이터베이스 조회- 실제 IntelliJ HTTP Client로 호출을 하였을때 database is locked라는 문제가 발생하지 않았습니다.- 또한, 특정 모바일 기기에서만 수행이 되기에 해당 외부 PostgreSQL은 문제가 되지 않는다고 판단이 되었습니다. 💡 [참고] HTTP Cli..

해당 글에서는 Google Play Console에서 앱 심사 중 로그인 사용자 인증 정보 거부에 대한 해결 방법으로 출시 계정 변경 방법에 대해 알아봅니다.1) 문제점💡 문제점- 심사 중에 심사를 위해 제공한 아이디/비밀번호가 다르다는 문제로 아래와 같이 문제점이 발생하였습니다. 이는 테스트 계정의 사용자 정보가 변경되었기에, 변경된 상태로 제공을 해야 정상적인 심사를 받을 수 있기에 이에 맞는 데이터베이스의 변경 혹은 심사를 위해 제공하는 정보를 변경해야 하는 문제점입니다.  2) 해결방법💡 해결방법- 이를 위해서 Google Play Console 내에 심사를 위한 심사 테스트 계정을 변경해주는 방법을 선택합니다.  1. 모니터링 및 개선 - 앱 콘텐츠 - 조치됨 - 앱 엑세스 권한 - ‘관리’..

해당 글에서는 ScrollView, Switch에서 발생하는 오류에 대해서 이를 해결한 방법에 대해 알아봅니다.1) 문제점💡 문제점- 해당 문제점은 iOS 기기에서는 로 구성한 부분이 수행이 되지만, Android 기기에서는 ScrollView가 동작하지 않아서 스크롤이 생기지 않는 문제점이 발생하였습니다.- 또한, 두번째 문제로는 로 구성한 부분에 대해 클릭이 되지 않는 문제가 발생하였습니다.  💡부모 컴포넌트- 아래와 같이 부모 컴포넌트에서 자식 컴포넌트를 불러오는 구성입니다.import { Text, View } from "react-native";import ChildScreen from "./ChildScreens";const ParentsScreen = () => { return ( ..

해당 글에서는 React Native 환경에서 aab 파일을 빌드하는 과정에서 발생하는 오류의 해결방법에 대해 알아봅니다.1) 문제점💡 문제점- 프로젝트를 .aab 파일로 빌드하는 과정 중에 아래와 같은 문제가 발생하였습니다.- 해당 문제점은 Android 앱을 AAB(Android App Bundle) 파일로 빌드하는 과정에서 발생한 오류입니다. - 구체적으로는 'lib/arm64' 디렉토리의 네이티브 아키텍처를 인식하지 못하는 문제가 발생했습니다.Task :app:packageDevReleaseBundle FAILEDFAILURE: Build failed with an exception.What went wrong: Execution failed for task ':app:packageDevRele..

해당 글에서는 React Native 환경에서 발생하는 오류에 대해 해결 방법에 대해 알아봅니다.1) 문제점💡 문제점- React Native 프로젝트에서 업데이트 XCode를 통해서 실행을 할때, 아래와 같은 반복적인 오류가 발생하였습니다.- 'folly/system/atfork.h' file not found해당 경우는 Folly 라이브러리가 제대로 설치되지 않았거나 업데이트가 필요한 경우나 프로젝트의 빌드 설정이 올바르지 않은 경우에 발생한다고 합니다.     2) 해결방법💡해결방법- 이를 해결하기 위해 아래와 같은 방법으로 최종 해결을 하였습니다. - XCode 캐시에 대한 문제가 발생한다고 하여 Pod 캐시 초기화 > XCode 캐시 초기화 > Pod 재 설치 과정을 통해서 이를 해결하였습니..

해당 글에서는 React Native 개발 환경에서 XCode를 최신버전으로 업데이트 하였을때, 발생하는 오류중 하나를 해결하는 방법에 대해 알아봅니다.1) 문제점💡 문제점- 최근에 XCode 버전을 업데이트 한적이 있습니다. 그 이후 아래와 같은 오류가 발생하고 있습니다.- 해당 문제점은 TARGET으로 하는 버전이 11.0으로 설정되었는데, 이를 사용하려면 12.0 ~ 17.5.99 버전으로 지정해야 한다는 문제점입니다.- The iOS deployment target 'IPHONEOS_DEPLOYMENT_TARGET' is set to 11.0, but the range of supported deployment target versions is 12.0 to 17.5.99.   2) 해결 방법 ..