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

React Native iOS 환경에서 IPA 확장자 파일로 생성하거나 혹은 IPA 파일을 설치하는 방법에 대해서 알아봅니다1) IPA(iOS App Store Package)💡 IPA(iOS App Store Package)- iOS 애플리케이션의 배포 패키지 파일 형식입니다. 이는 앱의 실행 파일과 리소스를 포함하는 압축된 아카이브입니다.- 앱스토어 배포, 기업 내부 배포, 테스트 배포 등 다양한 용도로 사용됩니다. 앱의 바이너리, 에셋, 메타데이터 등 앱 실행에 필요한 모든 파일을 포함합니다.- Apple의 코드 서명이 포함되어 있어 앱의 무결성과 신뢰성을 보장합니다.- XCode를 통해 생성할 수 있으며, 테스트 기기에 직접 설치하거나 App Store에 업로드할 수 있습니다.  2) App i..

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

해당 글에서는 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..

해당 글에서는 reactotron-react-native 라이브러리를 활용하여 모니터링을 하는 방법에 대해 알아봅니다.1) reactotron-react-native💡 reactotron-react-native- React Native 애플리케이션을 디버깅하고 모니터링하기 위한 강력한 개발 도구입니다. - 이 도구는 애플리케이션의 상태, API 요청, Redux 액션, 콘솔 로그 등을 실시간으로 추적하고 분석할 수 있게 해 줍니다. 1. 주요 기능주요 기능설명API 모니터링네트워크 요청과 응답을 실시간으로 추적하고 검사할 수 있습니다.Redux 통합Redux 스토어의 상태 변화와 디스패치된 액션을 모니터링할 수 있습니다.AsyncStorage 검사AsyncStorage의 데이터를 실시간으로 확인하고 수..

해당 글에서는 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) 해결 방법 ..

해당 글에서는 React Native 중 iOS에서 XCode에서 발생하는 오류에 대한 해결방법을 알아봅니다.1) 오류내용💡 오류내용- XCode를 실행하는 중에 Command PhaseScriptExecution failed with a nonzero exit code와 같은 오류가 발생하였습니다.- 상세내용은 아래와 같고 결론적으로는 ‘경로의 문제’ 임을 확인되었습니다.The following build commands failed: PhaseScriptExecution [CP-User]\\ Generate\\ Specs /Users/xxx/Library/Developer/Xcode/DerivedData/tugboat_mobile-fwnvnpozjdbjvgbplpqrxtdpuvme/Bu..

해당 글에서는 React Native 환경에서 모니터링을 위한 Firebase Crashlytics, Sentry에 대해서 알아봅니다. 1) Firebase Crashlytics💡 Firebase Crashlytics - 사용자의 장치 및 앱 환경과 관련되어 발생하는 디버그 정보를 수집하고 보고서를 생성하는 기능을 제공합니다. Crash Error와 같이 애플리케이션에서 예기치 않게 종료되는 심각한 문제에 대해서 이를 수집하고 보고서를 생성합니다. - 이를 통해 개발자는 앱의 문제를 신속하게 파악하고 수정할 수 있습니다. Crashlytics는 앱의 안정성과 품질을 향상하는 데 도움을 줄 수 있습니다. - Firebase와의 통합을 통해 앱의 분석과 성능 모니터링을 한 곳에서 관리할 수 있습니다. 💡 [..