해당 글에서는 react-native에서 발생하는 오류에 대한 해결방법에 대해 공유합니다1) 문제점💡 아래와 같은 문제가 발생하였습니다Unable to load script. Make sure you're either running a Metro server (run 'react-native start') or that your bundle 'index.android.bundle' is packaged correctly for release.      2) 해결방법 시도한 해결 방법-1 : 포트포워딩 — 해결되지 않음💡 adb reverse tcp:8081 tcp:8081 명령어는 안드로이드 디버깅 브리지(ADB)를 사용하여 포트 포워딩을 설정하는 명령입니다. 이 명령은 로컬 8081 포트의 트래픽을..

해당 글에서는 react-native에서 발생하는 오류에 대한 해결방법에 대해 공유합니다.1) 문제점💡아래와 같은 문제가 발생하였습니다.Execution failed for task ':app:installDebug'.java.util.concurrent.ExecutionException: com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.xxx signatures do not match previously installed version; ignoring!💡 해당 문제는 로컬에서 react-native를 실행하는..

해당 글에서는 react-native에서 발생한 오류에 대해 해결방법에 대해 공유합니다.1) 문제점💡 아래와 같은 문제점이 발생하였습니다.- 이는 프로젝트 경로에 로컬 debug.keystore가 존재하지 않아 발생하는 문제입니다.FAILURE: Build failed with an exception. What went wrong: Execution failed for task ':app:validateSigningDebug'. Keystore file '/Users/lee/Desktop/workspace/xxx/xxxx/android/app/debug.keystore' not found for signing config 'debug'.    2) 해결방법💡 이를 해결하기 위해 debug.keysto..

해당 글에서는 react-native에서 발생한 오류에 대한 해결방법에 대해 공유합니다. 1) 문제점 💡 react-native에서 안드로이드 디바이스로 로컬에서 빌드를 수행하여 빌드가 완료되면 기존에는 앱이 앱 목록에 생기고 시작되던 상황에서 ”앱이 생기지 않고 실행”되는 문제점이 발생함. (환경설정에서 앱 목록에는 보이나 앱이 생성이 안됨)   2) 해결 방법💡 AndroidManifest.xml 파일에서 태그를 분리시켜서 구성하면 수행된다는 글을 확인하여 적용하여서  이에 대해 해결을 하였습니다.  1. 기존 소스코드    2. 적용 소스코드 ..

해당 글에서는 react-native에서 발생하는 오류에 대한 해결방법에 대해 공유합니다 1) 문제점💡 아래와 같은 문제가 발생하였습니다.metro-file-map: Watchman crawl failed. Retrying once with node crawler. usually this happens when watchman isn't running. create an empty .watchmanconfig file in your project's root folder or initialize a git or hg repository in your project.   2) 해결 방법💡 watchman 크롤링 과정에 문제가 발생하였다고 합니다. 이에 대해 “문제가 지속되는 경우, Watchman 및 ..

해당 글에서는 React-native 디바이스 테스트 기기로 포코폰을 이용하기 위해 환경을 구성하는 방법에 대해 공유합니다. 1) ‘설정’ 아이콘을 선택합니다. 2) 설정 탭 내에서 ‘휴대전화 정보’ 탭을 선택합니다. 3) 휴대전화 정보 탭에서 ‘MIUI 버전’을 5번 선택하면 아래와 같은 메시지가 출력됩니다. 4) 설정 - 일반 탭으로 들어가서 ‘개발자 옵션’을 선택합니다 5) 개발자 옵션에서 하단으로 내려 ‘디버깅’ 부분에서 ‘USB 디버깅’을 선택합니다. 6) 선택하면 아래와 같은 화면이 출력되고 ‘확인’ 버튼을 누릅니다. 7) 터미널에서 연결을 확인합니다. $ adb devices [ 더 알아보기 ] 💡 adb 명령어가 수행이 안되는데 어떻게 하는가? - 아래의 명령어를 실행시켜 설치를 수행합니다..

해당 글에서는 갤럭시에서 개발자 모드를 설정하는 방법에 대해 알아봅니다. 1) '설정'으로 들어갑니다. 2) 설정 탭에서 ‘휴대번호 정보’ 탭을 선택합니다 3) '소프트웨어 정보' 탭을 선택합니다. 3) 소프트웨어 탭 중에 ‘빌드번호’ 탭을 5번 눌러줍니다. 4) '개발자 옵션 탭'에서 'USB 디버깅'을 선택합니다. 5) 터미널에서 연결을 확인합니다. $ adb devices [ 더 알아보기 ] 💡 adb 명령어가 수행이 안되는데 어떻게 하는가? - 아래의 명령어를 실행시켜 설치를 수행합니다. brew install --cask android-platform-tools 99) [참고] 만약 unauthorized 상태가 지속된다면 💡 아래와 같이 unauthorized 상태가 계속된다면 4)번 과정을 ..

해당 글에서는 React Native에서 Android 개발환경에서  Firebase Analytics와 Crashlytics를 이해하고 설정하는 방법에 대해 확인합니다.   💡 React Native 환경에서 Firebase 설정에 관련된 링크들입니다.분류플랫폼링크Firebase Analytics + Crashlytics 이해 및 설정 방법Androidhttps://adjh54.tistory.com/254Firebase Analytics + Crashlytics 이해 및 설정 방법iOShttps://adjh54.tistory.com/530firebase 개발/운영 분리(Android) google-services.jsonAndroidhttps://adjh54.tistory.com/297firebase..

해당 글에서는 react-native 환경에서 APK 파일을 구성하는 방법에 대해 공유합니다.1) APK, Keystore💡 APK- 안드로이드 운영 체제에서 사용되는 앱 패키지 파일을 의미합니다. 이 파일은 모바일 앱을 설치하는 데 사용되며 앱이 실행되는 데 필요한 모든 파일과 리소스를 포함합니다.💡 Keystore- Android 앱을 배포하기 위한 서명 파일을 의미합니다. Key Store를 사용하면 앱을 서명하여 앱이 정당한 출처임을 증명할 수 있습니다.- 앱을 업데이트하거나 새로운 앱을 배포할 때마다 같은 Key Store를 사용해야 합니다. 따라서 Key Store는 안전한 장소에 보관하고 관리해야 합니다.   2) 구성 과정1. keystore 생성합니다.💡 keytool은 Java D..

해당 글에서는 react-native에서 빌드 중 충돌이 발생한 경우 캐시를 초기화하거나 최신버전으로 설치하는 방법에 대해 공유합니다.  1) react-native-cli 💡 react-native-cli- React Native 애플리케이션을 더 쉽게 개발할 수 있도록 도와주는 명령 줄 인터페이스(CLI)입니다.  1. react-native-cli 최신버전 설치  @react-native-community/cliReact Native CLI. Latest version: 11.3.7, last published: a month ago. Start using @react-native-community/cli in your project by running `npm i @react-native-com..