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

해당 글에서는 React-native에서 라이브러리를 사용하지 않고 Toast Message를 구성하는 방법에 대해 공유합니다.1) Toast Message💡 Toast Message- React Native에서 Toast message는 사용자에게 간단한 정보를 제공하거나 경고를 줄 때 사용하는 간단한 팝업 메시지를 의미합니다.  1. ToastAndroid 모듈을 사용하는 방법 💡 React-native 내에 ‘ToastAndroid’를 이용하여 ToastMessage를 구현하는 방법이 있습니다. 모듈 이름과 같이 Andriod 플랫폼 내에서만 동작을 합니다. ToastAndroid · React NativeReact Native's ToastAndroid API exposes the Androi..

해당 글에서는 Tensorflow에서 TesorCamera로 출력된 값을 이미지로 출력하는 방법에 대해서 공유합니다. 1) 모델 불러오기 💡 React-native에서 Tensorflow의 backend를 지정하고 모델을 불러옵니다.1. useEffect 후 initStudyReady 함수를 호출합니다.2. initStudyReady() 함수에서는 Tensorflow.js를 로드합니다.import * as tf from "@tensorflow/tfjs";/** * 최초 Tensor를 사용하기 위한 모델을 불러옵니다. */useEffect(() => { initStudyReady()}, []);/*** 모델 로드** @return {Promise}*/const initStudyReady = asyn..

해당 글에서는 React-Native에서 .env를 이해하고 적용하는 방법에 대해서 공유합니다.1) react-native-dotenv💡 react-native-dotenv- React Native 애플리케이션에서 .env 파일을 활용할 수 있도록 도와주는 라이브러리입니다. 이를 통해, 애플리케이션에서 사용되는 환경 변수들을 관리할 수 있습니다. react-native-dotenvLoad environment variables using import statements.. Latest version: 3.4.11, last published: 5 months ago. Start using react-native-dotenv in your project by running `npm i react-nati..