해당 글에서는 프로젝트의 파일을 .aab로 빌드하는 도중에 발생하는 오류에 대해 해결방법에 대해 알아봅니다.  1) 문제점💡 ./gradlew bundleRelease 명령어를 통해서 .aab 확장자를 생성하는 도중에 발생하는 오류였습니다.> Task :app:createBundleDevReleaseJsAndAssets FAILEDFAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:createBundleDevReleaseJsAndAssets'.> Process 'command 'node'' finished with non-zero exit value 1* Try:> Run with --stack..

해당 글에서는 bundle을 이용하여서 apk를 생성하는 과정 중에 발생하는 오류에 대해서 해결하는 방법에 대해 알아봅니다.  1) 문제점 💡 Task : app:mergeDevDebugResource Resource and asset merger: Duplicate resources- bundle 파일을 생성하고 apk 파일을 생성하는 도중에 아래와 같은 오류가 발생하였습니다.     2) 해결방법💡/Users/lee/Desktop/workspace/tugboat/xxxx/android/app/build/generated/res/createBundleDevDebugJsAndAssets/drawable-xhdpi/node_modules_reactnavigation_elements_src_assets..

해당 글에서는 react-native 환경에서 로컬 환경에서 디바이스를 실행할때 발생하였던 오류에 대해 알아봅니다. 1) 문제점💡 Execution failed for task ':app:createBundleDevDebugJsAndAssets'. 문제가 발생하였습니다.- 해당 오류는 개발 또는 디버그 빌드 과정에서 발생합니다. 이 오류는 앱의 JavaScript와 assets 번들을 생성하는 과정에서 문제가 있다는 것을 나타냅니다FAILURE: Build failed with an exception.* What went wrong:Execution failedfor task :app: createBundleDevDebugJsAndAssets'.> Process 'command 'node'' finis..

해당 글에서는 react-native-calendars에 대해 이해하고 응용하는 다양한 예시를 알아봅니다. 1) react-native-calendars 💡 react-native-calendars - 리액트 네이티브 애플리케이션에서 캘린더 기능을 구현하기 위한 패키지입니다. 해당 패키지는 Android 및 iOS 둘 다 호환이 가능합니다. 1. 설치 과정 💡 패키지 매니저인 npm이나 yarn을 이용하여 설치하여 주시면 됩니다. $ npm install --save react-native-calendars # or $ yarn add react-native-calendars 2. Calendar 속성 속성 설명 onDayPress 날짜를 선택했을 때 호출되는 콜백 함수 markedDates 특정 날짜에..

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

해당 글에서는 react-native에서 statusBar에 대해 이해하고 활용하는 방법에 대해 알아봅니다. 1) StatusBar 💡 StatusBar - 모바일 애플리케이션의 상태 표시줄을 제어하는 데 사용됩니다. - StatusBar 컴포넌트를 사용하여 상태 표시줄의 스타일, 배경색, 텍스트 색상 등을 설정할 수 있습니다. 1. 주요 속성 💡 StatusBar에서 사용되는 주요한 속성입니다. 속성 플랫폼 타입 설명 animated 공통 boolean - 상태 표시줄의 애니메이션 여부를 제어합니다. barStyle 공통 StatusBarStyle - 상태 표시줄의 텍스트 색상을 설정합니다. - Andriod 23이상 버전에서 이용이 가능합니다. hidden 공통 boolean - 상태 표시줄을 숨깁니..

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