해당 글에서는 ONNXRuntime에서 모델을 불러온 이후 페이지를 이동하는 경우 메모리 누수가 발생함에 따라서 ONNX 모델 정리하는 방법에 대해서 공유합니다. 💡 [참고] 해당 글은 이전에 작성한 글들을 기반으로 작성하였습니다. [RN] ONNX(Open Neural Network Exchange) 이해하기 -1: React Native 활용해당 글에서는 React Native 기반의 ONNX에 대해서 이해하고 사용 방법에 대해서 확인합니다. 1) ONNX(Open Neural Network Exchange) 💡 ONNX(Open Neural Network Exchange) 란? - 딥러닝 모델을 서로 다른 프레임워크 간adjh54.tistory.com [RN] ONNX(Open Neural Netw..

해당 글에서는 Google Play Console에서 구성한 설정을 기반으로 실제 프로덕션에서 배포를 하는 방법을 확인해 봅니다.  💡 [참고] Android / iOS에 각각 앱을 배포하는 과정에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다.플랫폼분류링크AndroidReact Native Google Play Store 등록 방법 -1 : 초기 환경 설정https://adjh54.tistory.com/301AndroidReact Native Google Play Store 등록 방법 -2 : Google Play Console 설정https://adjh54.tistory.com/306AndroidReact Native Google Play Store 등록 방법 -3 : Google Play ..

해당 글에서는 React-native로 구성한 앱을 Google Play Console에 설정하는 방법에 대해 공유합니다.  💡 [참고] Android / iOS에 각각 앱을 배포하는 과정에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다.플랫폼분류링크AndroidReact Native Google Play Store 등록 방법 -1 : 초기 환경 설정https://adjh54.tistory.com/301AndroidReact Native Google Play Store 등록 방법 -2 : Google Play Console 설정https://adjh54.tistory.com/306AndroidReact Native Google Play Store 등록 방법 -3 : Google Play Cons..

해당 과정은 앱을 Google Play Store에 출시하기 이전에 Google Play Console에서 처리해야 하는 작업 이전사전에 준비하는 작업에 대해 알아봅니다.    💡 [참고] Android / iOS에 각각 앱을 배포하는 과정에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다.플랫폼분류링크AndroidReact Native Google Play Store 등록 방법 -1 : 초기 환경 설정https://adjh54.tistory.com/301AndroidReact Native Google Play Store 등록 방법 -2 : Google Play Console 설정https://adjh54.tistory.com/306AndroidReact Native Google Play Stor..

해당 글에서는 react-native에서 Modal 팝업을 띄우는 방법과 오버레이가 된 상태에서 백그라운드에 색을 적용하는 방법에 대해 알아봅니다. 1) React Native Modal 💡 React Native Modal - React Native 애플리케이션에서 모달 창을 구현하기 위해 사용되는 컴포넌트입니다. - 모달은 사용자에게 추가 정보나 작업을 요청하거나 알림을 표시하기 위해 사용됩니다. 모달은 화면에 오버레이 형태로 나타나며, 일시적으로 주요 콘텐츠를 가리고 사용자의 입력에 집중할 수 있도록 도와줍니다. Modal · React Native The Modal component is a basic way to present content above an enclosing view. react..

해당 글에서는 react-native 개발 환경에서 gif 파일을 불러오는 방법에 대해서 확인해 봅니다. 1) Andriod 환경에서 Gif 지원 💡 "자체 네이티브 코드를 빌드할 때, Android에서 GIF와 WebP는 기본적으로 지원되지 않습니다."라고 공식사이트에서 이야기하고 있습니다. 이에 따라 추가 설정이 필요합니다. 💡 기존 iOS 환경에서는 아래의 설정 필요없이 수행이 잘된다고 합니다. 2) 환경 구성 1. metro.config.js 💡 해당 파일 내에서 assetExts 내에 .gif 확장자를 추가해 줍니다. const path = require("path"); const { getDefaultConfig, mergeConfig } = require("@react-native/metro..

해당 글에서는 React-native 환경에서 Android Studio의 디버깅 툴(Locat, Profiler, App Inspection)을 사용하는 방법에 대해 알아봅니다.1) Android Studio 디버깅 주요 기능 1. Logcat💡 Logcat- 안드로이드 스튜디오에서 제공하는 디버깅 도구이며, 애플리케이션에서 발생하는 로그 및 디바이스 로그 메시지를 표시해 줍니다 - 이를 통해 로그 출력을 모니터링하고 필터링하여 앱을 디버깅하기 쉽게 도와줍니다. Logcat을 이용하여 로그 보기  |  Android 스튜디오  |  Android DevelopersAndroid 스튜디오에서 Logcat 창에 시스템 메시지를 표시하는 방법을 알아보세요.developer.android.com  2. Pr..

해당 글에서는 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에서 라이브러리를 사용하지 않고 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..

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