반응형

Mobile 개발 67

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"

Firebase - Realtime Database CRUD

1. Create Firebase database 쓰기에는 set 과 push 가 있습니다. set 를 사용하면 지정된 위치에서 하위 노드를 포함하여 모든 데이터를 덮어씁니다. 키 값이 따로 없으며 지정된 위치에 바로 저장됩니다. 만약 하위에 데이터가 있다면 지워지고 덮어쓰여집니다. firebase.database().ref('status/lounge').set({ status: data.status, playTime: data.playTime, videoName: data.videoName, }); push 를 사용하면 데이터베이스의 데이터 목록에 추가합니다. 목록에 새 노드를 푸시할 때마다 데이터베이스에서 고유 키(예: music////)를 생성합니다. firebase.database().ref(`m..

AppStore app등록 시 실제 IPhone 에서 보여지는 화면

앱 스토어 검색을 통해 해당 앱을 찾는다면 검색 결과 목록에서 표시되는 내용은 아래와 같습니다. 아이콘, 이름, 부제 그리고 앱 미리보기 및 스크린샷이 아래와 같이 나타납니다. 또한 부제의 경우 길이에 따라 줄임표로 내용이 생략될 수 있습니다. 앱 미리보기 및 스크린샷의 경우 앱 미리보기가 우선이며 그 뒤로 스크린샷이 위치합니다. 앱 상세 화면 상단에는 위와 같이 아이콘, 이름, 부제, 등급, 앱 미리보기 및 스크린샷이 위치합니다. 스크린샷 아래로는 우선 프로모션 텍스트가 위치하며 더보기를 누를 경우에 이어서 설명이 추가적으로 노출되게 됩니다. 하단에서는 리뷰 부분에 앱 지원을 누르게 되면 입력해둔 지원 URL의 주소로 이동합니다. 카테고리는 두개의 카테고리를 입력해두더라도 첫번째 카테고리만 표시되게 됩..

RN - Project 에서 활용한 라이브러리

이번 '우동피플' 앱 개발하면서 활용한 library 모음입니다. react native 는 개발도 개발이지만 괜찮은 library 발굴해다가 살을 입히는 재미도 있는 것 같습니다 :) "dependencies": { "@invertase/react-native-apple-authentication": "^2.1.0", "@react-native-community/async-storage": "^1.12.1", "@react-native-community/checkbox": "^0.5.6", "@react-native-community/geolocation": "^2.0.2", "@react-native-community/google-signin": "^5.0.0", "@react-native-commu..

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..

Mac - adb 환경 변수 설정 및 오류 해결 방법

1.adb path set을 위해 .bash_profile 생성 사용자가 임의로 폴더 위치를 수정하지 않았다면, 기본적으로 Android SDK는 다음 위치에 설치됩니다. /Users/XXXXX/Library/Android 그렇지 않으면 android studio > preference > appearance & behavior > system settings > android sdk 에서 Android Location 확인 가능 $ vi .bash_profile 아래와 같이 작성 후 :wq 시 완료됩니다. export ANDROID_PATH=/Users/XXXXX/Library/Android export PATH=$PATH:$ANDROID_PATH/sdk/platform-tools 이 때 아래 문제 발..

RN TroubleShooting: ./gradlew app:installDebug -PreactNativeDevServerPort=8081

react native android run 중에 발생한 에러 정리 합니다. error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/getting-started.html#android-development-environment. Run CLI with --verbose flag for more details. Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 react native 첫 프로젝트에서 에러가 난다면 아래 가이드에 따라 6가지 스텝을..

RN TroubleShooting: react-native-vector-icons ios 적용

react-native-vector-icons 을 ios 에 적용하는 방법 공유합니다. 아래 내용대로 따라하면 별 내용 아니긴 한데, expo 로 구현한 코드를 react-native cli 로 옮겨타면서 해맨 부분 정리 하고 넘어갑니다. (expo 는 아래 작업이 불필요함) github.com/oblador/react-native-vector-icons/blob/master/README.md oblador/react-native-vector-icons Customizable Icons for React Native with support for NavBar/TabBar, image source and full styling. - oblador/react-native-vector-icons github...

RN Troubleshooting: xcode device is not available please reconnect the device

xcode 에서 iphone app run 에 오류 입니다. 지난 주까지 잘 빌드 되다가 오늘 갑자기 안돼서 찾아보니 아니무슨 이런 어이없는..... 버전이 원인입니다. xCode 와 IOS 의 버전 차이가 2.0 초과되면 오동작함. mac 에서 app store 에 들어가보니 12.1 ver. update가 가능하네요. 업데이트 하고 나면 해결. ver. xCode IOS 정상 12.0 14.0 오동작 12.0 14.1

반응형