REACT-NATIVE
-
모바일에서 디자인을 헤치는 android status바, system bar 확실하게 제거하는 방법을 알려드립니다.이방법, 저방법 다 해봤지만 잘 먹혔던것 소개 드립니다. 회색 바 제거StatusBar.hidden 속성을 true로 설정하면 상단의 회색 바가 제거됩니다.만약 SafeAreaView를 사용 중이라면, 이를 View로 교체하거나 스타일로 padding을 없앨 수 있습니다.import React from 'react';import { View, StyleSheet, StatusBar } from 'react-native';const App = () => { return ( {/* 상태바 스타일 조정 */} );};const styles = StyleShee..
React-Native android status바, system bar 제거모바일에서 디자인을 헤치는 android status바, system bar 확실하게 제거하는 방법을 알려드립니다.이방법, 저방법 다 해봤지만 잘 먹혔던것 소개 드립니다. 회색 바 제거StatusBar.hidden 속성을 true로 설정하면 상단의 회색 바가 제거됩니다.만약 SafeAreaView를 사용 중이라면, 이를 View로 교체하거나 스타일로 padding을 없앨 수 있습니다.import React from 'react';import { View, StyleSheet, StatusBar } from 'react-native';const App = () => { return ( {/* 상태바 스타일 조정 */} );};const styles = StyleShee..
2025.01.08 -
모바일에선 푸시 알림이 필수 기능중에 하나이다.그리고 푸시 알림을 특정 조건이 이루어지거나 내 커스텀 Admin에서 보내고 싶다면 API 사용은 필수이다. 새 캠페인에서 알림으로 보내는것은 한계가 있다. 고로 API로 만들어야 하는데 구현과정중 기존의 방식에서 HTTP v1 API로 이전됨에 따라 달라졌으므로 헷갈리는 부분을 짚어주고자 한다. 공식문서는 https://firebase.google.com/docs/cloud-messaging/migrate-v1?hl=ko&authuser=0이다. 기존 FCM API에서 HTTP v1로 이전 | Firebase Cloud Messaging2024년 데모 데이에서, Firebase를 사용하여 AI 기반 앱을 빌드하고 실행하는 방법에 관한 데모를 시청하세요..
친절한 Firebase Cloud Messaging 푸시 알림 API (feat.HTTP v1 API로 이전)모바일에선 푸시 알림이 필수 기능중에 하나이다.그리고 푸시 알림을 특정 조건이 이루어지거나 내 커스텀 Admin에서 보내고 싶다면 API 사용은 필수이다. 새 캠페인에서 알림으로 보내는것은 한계가 있다. 고로 API로 만들어야 하는데 구현과정중 기존의 방식에서 HTTP v1 API로 이전됨에 따라 달라졌으므로 헷갈리는 부분을 짚어주고자 한다. 공식문서는 https://firebase.google.com/docs/cloud-messaging/migrate-v1?hl=ko&authuser=0이다. 기존 FCM API에서 HTTP v1로 이전 | Firebase Cloud Messaging2024년 데모 데이에서, Firebase를 사용하여 AI 기반 앱을 빌드하고 실행하는 방법에 관한 데모를 시청하세요..
2025.01.03 -
keytool error: java.lang.Exception: Keystore file does not exist: path-to-debug-or-production-keystoreandrioid 앱 push 알림 api 사용을 위해 OAuth 클라이언트를 만들려고 한다.그런데 SHA-1 디지털 지문이 필요하단다.친절하게 command 쓰라고 google이 넣어놨다. 하지만 명령어 그대로 복사해서 쓰면 안된다.명령어를 잘 읽어보면 path-to-debug-or-production-keystore 즉 path 너가 똑바로 적어라는 소리다. 지금 단계는 개발중이기 때문에 debug.keystore를 쓸것이다. 해당 key store는 android -> app -> debug.keystore에 있다. ..
keytool error: java.lang.Exception: Keystore file does not exist: path-to-debug-or-production-keystorekeytool error: java.lang.Exception: Keystore file does not exist: path-to-debug-or-production-keystoreandrioid 앱 push 알림 api 사용을 위해 OAuth 클라이언트를 만들려고 한다.그런데 SHA-1 디지털 지문이 필요하단다.친절하게 command 쓰라고 google이 넣어놨다. 하지만 명령어 그대로 복사해서 쓰면 안된다.명령어를 잘 읽어보면 path-to-debug-or-production-keystore 즉 path 너가 똑바로 적어라는 소리다. 지금 단계는 개발중이기 때문에 debug.keystore를 쓸것이다. 해당 key store는 android -> app -> debug.keystore에 있다. ..
2024.12.31 -
(NOBRIDGE) ERROR Warning: TypeError: Cannot read property 'bubblingEventTypes' of null react-native-video 사용하려는데 위와 같은 에러가 난다면? 결론 부터 말씀 드리면 이 방법 저 방법 다 써보고 Xcode Clean Build Folder하고 해결 했습니다.네이티브 브릿지 문제 해결react-native-video가 네이티브 코드와 올바르게 연결되지 않았을 가능성이 있습니다.iOSXcode에서 프로젝트를 열고 Clean Build Folder 실행:메뉴: Product > Clean Build Folder이후 앱을 다시 실행:react-native run-iosAndroidGradle 캐시를 정리하고 빌드:cd an..
(NOBRIDGE) ERROR Warning: TypeError: Cannot read property 'bubblingEventTypes' of null(NOBRIDGE) ERROR Warning: TypeError: Cannot read property 'bubblingEventTypes' of null react-native-video 사용하려는데 위와 같은 에러가 난다면? 결론 부터 말씀 드리면 이 방법 저 방법 다 써보고 Xcode Clean Build Folder하고 해결 했습니다.네이티브 브릿지 문제 해결react-native-video가 네이티브 코드와 올바르게 연결되지 않았을 가능성이 있습니다.iOSXcode에서 프로젝트를 열고 Clean Build Folder 실행:메뉴: Product > Clean Build Folder이후 앱을 다시 실행:react-native run-iosAndroidGradle 캐시를 정리하고 빌드:cd an..
2024.12.18 -
[!] CocoaPods could not find compatible versions for pod "SocketRocket": In Podfile: React-Core (from `../node_modules/react-native/`) was resolved to 0.76.5, which depends on SocketRocket (= 0.7.1)None of your spec sources contain a spec satisfying the dependency: `SocketRocket (= 0.7.1)`.You have either: * out-of-date source repos which you can update with `pod repo update` or with `p..
CocoaPods could not find compatible versions for pod "SocketRocket": In Podfile: React-Core (from `../node_modules/react-native/`) was resolved to 0.76.5, which depends on SocketRocket (= 0.7.1)[!] CocoaPods could not find compatible versions for pod "SocketRocket": In Podfile: React-Core (from `../node_modules/react-native/`) was resolved to 0.76.5, which depends on SocketRocket (= 0.7.1)None of your spec sources contain a spec satisfying the dependency: `SocketRocket (= 0.7.1)`.You have either: * out-of-date source repos which you can update with `pod repo update` or with `p..
2024.12.12 -
(node:69562) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency (Use node --trace-warnings ... to show where the warning was created) info A dev server is already running for this project on port 8081. info Found Xcode project "MOBILE.xcodeproj" info Found booted iPhone info Building (using "xcodebuild -project MOBILE.xcodeproj -configuration Debug ..
error Failed to build ios project. "xcodebuild" exited with error code '70'. To debug build logs further, consider building your app with Xcode.app, by opening 'MOBILE.xcodeproj'.(node:69562) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency (Use node --trace-warnings ... to show where the warning was created) info A dev server is already running for this project on port 8081. info Found Xcode project "MOBILE.xcodeproj" info Found booted iPhone info Building (using "xcodebuild -project MOBILE.xcodeproj -configuration Debug ..
2024.12.12