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

해당 글에서는 Xcode 구버전을 다운로드하고 실행하는 방법에 대해 알아봅니다1) 구 버전 실행 1. 문제 확인💡 문제 확인- 아래와 같이 Xcode 버전에 따라서 앱 스토어 빌드 오류가 발생할 수가 있다는 이슈가 있기에 이에 따르는 대처 방법으로 Xcode 버전을 낮추는 방법에 대해 알아봅니다.- 현재 겪었던 문제에서는 Xcode 14를 통해서 앱을 올렸다가 XCode 15릍 통해서 빌드를 하고자 할 때, 라이브러리에 대한 충돌이 발생하였습니다. 그렇기에 Xcode 버전을 낮추어서 실행하는 방법을 수행합니다.  💡 [참고] 문제에 대한 도움이 되었던 글https://median.co/discuss/651f476edcc93e007cb89dc5  2. Xcode 버전 확인💡 Xcode 버전 확인- X..

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

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

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

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

해당 글에서는 thecodingmachine/react-native-boilerplate를 활용하여 React Native의 템플릿을 활용하는 방법과 각각의 디렉터리별 구조를 확인합니다. 1) react-native-boilerplate💡 react-native-boilerplate- React Native 애플리케이션 개발을 위한 초기 프로젝트 템플릿입니다. 프로젝트를 최초 생성할 때, 해당 react-native-boilerplate를 활용하여서 기본 틀이 되는 구조를 받아서 구성합니다. GitHub - thecodingmachine/react-native-boilerplate: A React Native template for building solid applications 🐙, using J..