해당 글에서는 react-native 내에 활용하였던 라이브러리, 환경설정, 앱 배포와 관련하여서 중간정리를 하기 위한 목적으로 작성한 글입니다. 1) 라이브러리 총 정리💡 라이브러리 총 정리 - 지금까지 react-native 프로젝트를 수행하면서 사용하였던 라이브러리와 이와 관련되어 링크를 포함하여 정리하였습니다. - 라이브러리는 react-native 내부에서 제공해 주는 라이브러리, 써드파티 라이브러리를 이용한 외부 라이브러리, Expo Modules에서 사용하는 라이브러리들로 구성되어 있습니다.라이브러리 명사용처라이브러리 활용처링크AppState사용자의 앱 상태 확인에 사용- 사용자가 앱을 사용하고 있는 상태(active)이거나 앱을 벗어난 상태(background) 상태일때의 관리를 하여 각각..
해당 글에서는 Notifee 라이브러리를 이용하여 예약 발송 방법에 대해 이를 활용하는 방법에 대해 알아봅니다. 💡 [참고] FCM 관련해서 구성 내용에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다. 분류 링크 FCM Spirng Boot API 구성 : 단순 전송 기능 https://adjh54.tistory.com/432 FCM React Native 초기 환경 설정 https://adjh54.tistory.com/431 FCM React Native Notifee 메시지 수신 구성 https://adjh54.tistory.com/4333 FCM React Natiive Notifee 메시지 전송 및 예약 발송 구성 https://adjh54.tistory.com/434 1) Notifee ..
해당 글에서는 실제 FCM을 이용하여 메시지를 전송하고 수신하는 방법에 대한 활용방법에 대해 알아봅니다. 💡 [참고] FCM 관련해서 구성 내용에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다. 분류 링크 FCM Spirng Boot API 구성 : 단순 전송 기능 https://adjh54.tistory.com/432 FCM React Native 초기 환경 설정 https://adjh54.tistory.com/431 FCM React Native Notifee 메시지 수신 구성 https://adjh54.tistory.com/4333 FCM React Natiive Notifee 메시지 전송 및 예약 발송 구성 https://adjh54.tistory.com/434 1) 전체 환경 구성 1. ..
해당 글에서는 Firebase Cloud Message(FCM)에 대해 이해하고 환경을 구성하며 메시지를 수신하는 형태를 테스트하는 환경 구성 방법에 대해 이해를 돕기 위해 작성하였습니다. 💡 [참고] FCM 관련해서 구성 내용에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다. 분류 링크 FCM Spirng Boot API 구성 : 단순 전송 기능 https://adjh54.tistory.com/432 FCM React Native 초기 환경 설정 https://adjh54.tistory.com/431 FCM React Native Notifee 메시지 수신 구성 https://adjh54.tistory.com/4333 FCM React Natiive Notifee 메시지 전송 및 예약 발송 구성..
해당 글에서는 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_back..
해당 글에서는 react-native 환경에서 로컬 환경에서 디바이스를 실행할때 발생하였던 오류에 대해 알아봅니다. 1) 문제점 💡 Execution failed for task ':app:createBundleDevDebugJsAndAssets'. 문제가 발생하였습니다. - 해당 오류는 개발 또는 디버그 빌드 과정에서 발생합니다. 이 오류는 앱의 JavaScript와 assets 번들을 생성하는 과정에서 문제가 있다는 것을 나타냅니다 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task :app: createBundleDevDebugJsAndAssets'. > Process 'command 'node''..
해당 글에서는 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..
해당 글에서는 Google Play Console에서 구성한 설정을 기반으로 실제 프로덕션에서 배포를 하는 방법을 확인해 봅니다. 💡 이전 단계를 수행하지 않으셨다면 이전의 초기 환경설정 부분과 Google Play Console 부분을 적용하고 이번 글을 수행하셔야 합니다. [RN] Android Google Play Store 등록 방법 -1 : 초기 환경 설정 해당 과정은 앱을 Google Play Store에 출시하기 이전에 Google Play Console에서 처리해야 하는 작업 이전사전에 준비하는 작업에 대해 알아봅니다. 1) 준비 과정 💡 해당 부분에서는 분류 중 '초기 환경 adjh54.tistory.com [RN] Android Google Play Store 등록 방법 -2 : Goo..
해당 글에서는 React-native로 구성한 앱을 Google Play Console에 설정하는 방법에 대해 공유합니다. 💡 해당 글을 읽기 전에 사전 단계인 초기 환경설정 부분을 읽고 오시면 도움이 됩니다. [RN] Android Google Play Store 등록 방법 -1 : 초기 환경 설정 해당 과정은 앱을 Google Play Store에 출시하기 이전에 Google Play Console에서 처리해야 하는 작업 이전사전에 준비하는 작업에 대해 알아봅니다. 1) 준비 과정 💡 해당 부분에서는 분류 중 '초기 환경 adjh54.tistory.com 1) 앱 사전 준비 사항 & 앱 설정 과정 1. 앱 사전 준비사항 💡 앱 배포 준비를 하면서 미리 준비해두면 좋을 것 같았던 준비사항에 대해서 공유..
