반응형

Mobile 개발/RN(React Native) 29

RN - 자주 사용되는 javascript 문자열 처리

React Native app 개발하면서 종종 사용했던 string 처리 함수들 입니다. 아래 내용에서 var -> let 으로 모두 변경 하면 됩니다. 1. 문자열 객체 생성 및 초기화 var 참조변수 = new String(문자열 데이터) var 참조변수 = 문자열 데이터 ▼ 문자열 객체를 선언하는 방식은 두 가지가 있습니다. 첫 번째는 new 연산자를 통해 String 객체를 생성하면서 생성자 정보로 문자열 데이터를 넘기는 방식이 있습니다. 두 번째 방식은 new 연산자를 사용하지 않고 사용하는 방식으로 선언한 참조 변수에 문자열 데이터를 입력하여 객체를 생성하는 방식이 있습니다. 아래는 실제로 두 가지 방식을 사용하여 문자열 객체를 생성한 모습입니다. 2. 문자열 함수 - charAt() 자바스크..

RN TroubleShooting: Expiring Daemon because JVM heap space is exhausted

react native app 만들고 android release apk 생성 시 아래 에러와 함께 build fail 되는 경우 해결 방법 정리합니다. Expiring Daemon because JVM heap space is exhausted android release build 는 아래 참고하세요. yannichoongs.tistory.com/181?category=797849 RN (React Native)- Android build 부터 PlayStore 배포 까지 Android build 부터 PlayStore 배포 까지 진행 하면서 정리한 내용 공유 합니다. 순서는 다음과 같습니다. - release 용 빌드 및 테스트 - 빌드최적화 (선택) - PlayStore 배포 release 용 빌..

RN - swipe back, gesture back, edge back, back key control

리액트 네비게이션 (stack) 사용 중에 IOS 의 경우 좌측 스와이프해서 back stack 으로 이동이 가능합니다. map view 등을 사용할 경우에는 이 동작을 막지 않으면, 지도 이동중에 back key 처럼 동작되어 불편함이 발생하므로 이부분 해결하고 넘어가야겠습니다. - Swipe Back Disable 해결 방법은 gestureEnabled 한줄이면 됩니다. 단, 주로 안드로이드에서 쓰이는 gesture back 이나 back key를 제어하진 않습니다 gestureEnabled: false, 아래 doc 설명 처럼, Defaults to true on iOS, false on Android 입니다. reactnavigation.org/docs/stack-navigator/#gesture..

RN - SplashScreen 적용, 그리고 ios xcode bug

react native 에서 SplashScreen 과 AppIcon 을 안드, 아이폰 동시에 생성하는 매우 편한 방법이 있습니다. react-native-make 를 사용하면 되는데요, 아래 가이드대로 아무리 해봐도 3000px x 3000px image 로 splash 스크린을 만들면 IOS 에서 제대로 나오지 않습니다. (잘 나온다면 그대로 적용하고 진행..) 물론, Android 는 감동받을 정도로 잘나옵니다. (이거 만든사람 천재..) 아마도 최초 이미지 적용 시에는 제대로 나온 것 같은데 이미지를 바꾸고자 한번더 실행했더니 제대로 되지않았습니다. 그리고 아래 cmd 로 이미지를 변경해도 제대로 변경되지않는 이슈가 있는것같고 구글링해보면 Apple XCode cache 관련 이슈인데, 안고치고 ..

RN - Apple Social Login with Firebase

애플 정책에 따라, 앱이 Social Login 기능을 지원할 경우 Apple Login 을 강제하고 있습니다. 애플의 갑질은 참... 음냐 .. 우선, Firebase 통해 Apple 인증 및 로그인 하기 위해서는 아래 RN 가이드에 따라 진행해야 합니다 rnfirebase.io/auth/social-auth#apple Social Authentication | React Native Firebase Sign-in with social provides such as Apple, Facebook, Twitter and Google. rnfirebase.io 본문은 IOS 용 Apple Auth 이고, 안드로이드 용 Apple Auth 는 별도 코드 작성이 필요하기 때문에 Platform.OS flag 로..

RN TroubleShooting: firebase 이용한 Android app 구글 로그인 안됨

Android build 부터 release key 생성 및 PlayStore 배포 까지 진행하고 발생한 이슈 정리합니다. yannichoongs.tistory.com/181 RN (React Native)- Android build 부터 PlayStore 배포 까지 Android build 부터 PlayStore 배포 까지 진행 하면서 정리한 내용 공유 합니다. 순서는 다음과 같습니다. - release 용 빌드 및 테스트 - 빌드최적화 (선택) - PlayStore 배포 release 용 빌드 및 테스트 Mac에서.. yannichoongs.tistory.com 해당 이슈는 rn firebase 를 사용해 social auth 를 구현한 경우에만 발생하는 문제입니다. Android debug to r..

RN TroubleShooting: IOS build errors

- Velidate 과정 - 번들 이슈 해당 오류메세지를 처음에 보고 구글링에도 별다른 정보가 나오지 않아서 엄청 당황했지만 찾아보니 번들 이슈로 밝혀졌습니다 명확한 내용을 알려주지 않지만 구글링한 내용들의 공통점은 뭔가 프로젝트에 들어간 ~~~~.bundle 파일이 Velidate 과정에서 문제가 있는듯한 Archieve validatation failed due to the issues listed below. Unable to validate your application. The archive is invalid. /var/folders/hh/lq2dx5x57r5csdfb25sx25dr0000gn/T/XcodeDistPipeline.q24/Packages/Unity-iPhone.ipa does n..

RN TroubleShooting: Use of undeclared identifier 'FIRApp', 'RNSplashScreen'

test 버전으로 잘 동작하다가 IOS app release build 중, 에러 발생. 복붙을 잘못했네요 ㅋㅋ #ifdef 내에 하지말고 밖으로 빼서 재 빌드 진행~ #import #import "RNSplashScreen.h" #ifdef FB_SONARKIT_ENABLED #import "AppDelegate.h" #import #import #import #ifdef FB_SONARKIT_ENABLED #import #import #import #import #import #import #import #import "RNSplashScreen.h"

RN - stack 이동시 새로 고침(refresh)

React Native 에서 stackNavigator 와 BottomTabNavigator 사용 시 stack 이동 할 때마다, bottomTab 이동 할 때 마다 새로 고침 또는 새로 lifecycle 을 태울 때 필요한 code가 있습니다. 그렇지 않으면 stack 첫 이동 시 '생성 될 때' lifecycle만, 이후에는 '업데이트 할 때' 에 해당되는 lifecycle 만 타게됩니다. 해당 option 을 추가하면, stack 이동 시 constructor - render - componentDidMount 가 항상 불리기 때문에 본인 application 이 이방식에 적절하다면 아래 code를 반드시 추가해줘야 합니다. StackNavigator - reactnavigation.org/docs..

반응형