해당 글에서는 버튼의 중복 호출을 막기 위해 lodash 라이브러리의 Debounce 모듈을 활용하는 방법에 대해 알아봅니다. 1) 문제점 파악💡 문제점 파악 - SetState()로 버튼을 누르면 즉각적으로 버튼에 대해 disabled = true 처리를 하면 해결이 되지만, 부모와 자식 구조간에 관계에서 빠르게 처리가 되지 않아서 중복으로 함수 처리가 되는 문제가 발생하였습니다. - 이에 따라서 버튼을 여러 번 빠르게 눌러도 한 번의 처리인 것과 같은 기능을 구현하고 싶어서 찾아보는 중 lodash 라이브러리의 Debounce 모듈을 알게 되어 이를 적용하였습니다. 2) lodash💡 lodash - JavaScript에서 사용할 수 있는 유틸리티 라이브러리입니다. - 배열, 객체, 함수, 언어 유틸..
해당 글에서는 안드로이드 12 이하 버전에서 디바이스 알림 권한 체크가 안됨을 확인하였습니다. 이에 따라 이를 대체하는 방법에 대해 알아봅니다. 1) 현상 1. 개발 현상 파악 💡 개발 현상 파악 - 기존 ‘안드로이드 13’이상 버전에서 사용되던 알람에 대한 권한이 ‘안드로이드 12’ 내에서는 POST_NOTIFICATIONS 속성을 이용하여 알림에 대한 권한을 체크를 하였을 때 이에 대해 통제가 되지 않는 현상이 발생하였습니다. 💡 [참고] 권한에 대한 정보 - 안드로이드 13이상 버전에서는 ‘POST_NOTIFICATIONS’ 권한을 이용하여서 알람 허용에 대한 권한을 체크하고 있었습니다. 종류 설명 Andriod 키 값 notification 푸시 알림 사용 권한 POST_NOTIFICATIONS ..
해당 글에서는 react-native-version-check 라이브러리를 활용하여 App 버전과 Google PlayStore 내에 등록된 버전을 비교하여 앱 업데이트를 하는 방법에 대해 알아봅니다. 1) react-native-version-check 💡 react-native-version-check - React Native 앱의 버전을 확인하고 업데이트를 관리하는 데 도움이 되는 라이브러리입니다. - 이를 사용하면 현재 앱의 버전 정보를 불러오거나, 앱 스토어에 새로운 버전이 출시되었는지 확인하는 등의 기능을 사용할 수 있습니다. - 또한 사용자가 앱을 최신 상태로 유지하도록 권장하는 메시지를 보여주는 기능도 제공합니다. 이 라이브러리는 Android와 iOS 모두에서 사용할 수 있습니다. 1...
해당 글에서는 Math.random() 함수를 사용하였을 때 Weak Cryptography 보안 취약점 문제가 발생함에 따라 이를 해결하는 방법에 대해 확인해 봅니다. 1) 문제점 💡 문제점 - SonarQube로 React-native를 수행하였을 때 Security Hotspots로 Math.random() 함수에서 아래와 같은 문제점이 발생하였습니다. - 여기에서 이 의사 난수 생성기를 사용하는 것이 안전한지 확인하세요.(Make sure that using this pseudorandom number generator is safe here.) - 해당 문제는 ‘난수 생성‘에 대해 보안에 민감하다는 문제점이 발생합니다. 이는 Math.random() 역시 난수를 생성하는 데 있어서 보안적으로 취..
해당 글에서는 expo-sensor를 이용하여서 실제 디바이스가 움직이는 모션을 이용하는 방법에 대해 알아봅니다. 💡 [참고] 이전에 작성한 글을 기반으로 좀 더 보기 편하게 재구성하였습니다. [RN] 자이로센서를 활용한 자이로스코프, 디바이스 모션 이해하기: expo-sensors 해당 글에서는 디바이스에 탑재되어 있는 자이로 센서를 이용하는 expo-sensors 라이브러리를 활용하여 자이로스코프(Gyroscope)와 디바이스 모션(DeviceMotion)을 이해하고 값을 추출하는 방법을 이해하 adjh54.tistory.com 1) expo-sensors 💡 expo-sensors - Expo SDK에서 제공하는 센서 관련 기능을 사용하기 위한 라이브러리입니다. 이 라이브러리를 사용하면 Expo 앱..
해당 글에서는 Google Play Console로 내부 테스트를 수행한 이후에 종료하는 방법에 대해 공유합니다. 💡 Google Play Console로 내부테스트를 하는 방법에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다. [RN] Google Play Console 내부 테스트 구성 방법 해당 글에서는 Google Play Console에서 만들어진 앱을 내부 테스트 하는 방법에 대해 알아봅니다. 1) 내부 테스트 💡 내부 테스트 - Google Play Console의 내부 테스트는 앱이 출시되기 전에 개발자가 앱 adjh54.tistory.com 1) 내부 테스트 💡 내부 테스트 - Google Play Console의 내부 테스트는 앱이 출시되기 전에 개발자가 앱을 테스트하고 문제를 ..
해당 글에서는 Google Play Console에서 만들어진 앱을 내부 테스트 하는 방법에 대해 알아봅니다. 1) 내부 테스트💡 내부 테스트 - Google Play Console의 내부 테스트는 앱이 출시되기 전에 개발자가 앱을 테스트하고 문제를 해결할 수 있는 기회를 제공합니다. - 내부 테스트는 선택된 사용자 그룹에게 앱을 제공하여 실제 사용 환경에서 테스트할 수 있도록 합니다. 2) 내부 테스트 구성하기 - AppBundle 구성 1. 테스트에 사용할 AppBundle 구성💡 테스트에 사용할 AppBundle 구성 - 기존에 버전이 있다면 , 해당 버전을 사용하면 되고 새로 추가가 필요한 경우 App Bundle 탐색기 → 새 버전 업로드를 누릅니다. 2. [새 버전을 올리는 경우] .aab파일..
해당 글에서는 프로젝트의 파일을 .aab로 빌드하는 도중에 발생하는 오류에 대해 해결방법에 대해 알아봅니다. 1) 문제점💡 ./gradlew bundleRelease 명령어를 통해서 .aab 확장자를 생성하는 도중에 발생하는 오류였습니다.> Task :app:createBundleDevReleaseJsAndAssets FAILED FAILURE: 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 --s..
해당 글에서는 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''..
