본문 바로가기

React-Native35

iOS 앱 심사 프로세스 변경 몇 일 전부터 iOS의 앱 심사 프로세스가 변경되었습니다. 저는 그것도 모르고 예전처럼 앱 심사를 신청했다고 하는데 계속 심사 준비중으로 표시 되고, 심사가 진행되지 않았습니다. 1. App Store Connect에 일반정보 > 앱 심사 메뉴가 새롭게 생겼으며 앱 심사를 제출하는 메뉴입니다. 2. 앱 심사 화면에서 심사 준비된 버전의 보기 링크를 클릭합니다. 3. 제출 확인 화면에서 앱 심사에 제출 버튼을 클릭한다. 4. 아래와 같이 앱 심사를 제출한 확인 내용이 표시됩니다. 2022. 1. 28.
맥(macOS) 터미널 글자 크기 변경하기 맥의 터미널의 글자(폰트) 크기가 너무 작아서 불편합니다. 터미널의 글자 크기를 변경하는 방법입니다. 1. 터미널의 환경설정 메뉴를 클릭합니다. 2. 프로파일의 서체에서 변경 버튼을 클릭합니다. 3. 서체화면에서 크기를 변경 후 터미널을 다시 실행하면 적용된 터미널을 보실 수 있습니다. 2022. 1. 27.
VS Code 메뉴 글자 크기 조정 VS Code의 메뉴 및 글자 크기를 조정하는 방법입니다. 1. VS Code 의 외쪽 하단의 톱니바퀴 아이콘을 클릭하고, 팝업 메뉴의 Settings를 클릭합니다. 2. Settings 화면 상단의 검색에 "zoom"을 입력하면 Window의 Zoom Level을 입력하면 됩니다. 양수는 확대이며, 음수는 축소이며, 기본값은 0입니다. 2022. 1. 27.
React-Native iOS 15.2.1 앱 추적 투명성(App Tracking Transparency) 앱스토어 심사 리젝(반려) iOS 앱 추적 투명성(App Tracking Transparency) 관련하여 하기와 같이 리젝 처리가 되었습니다. 요약해보면 iOS 15.2.1에서 앱 추적 투명성 승인여부 다이얼로그가 표시가 안되기 때문에 리젝되었습니다. 앱 추적 투명성(App Tracking Transparency) 구현을 위한 react-native-tracking-transparency 패키지의 문제로 생각하고 구글링을 해보았으나 정확한 해법을 찾기 쉽지는 않았습니다. iOS 15.2.1 에서는 아래와 같이 requestTrackingPermission() 함수를 호출해주면 앱스토어 심사를 통과하는데, 정확한 이유는 알 수 없네요. ㅠㅠ setTimeout(async () => { requestTrackingPermission.. 2022. 1. 20.
React-Native iOS 실행 시 시뮬레이터 실행 오류 React-Native에서 "react-native run-ios" 명령어를 실행하며 iOS 시뮬레이션이 실행되는데 아래와 같이 오류가 발생했다. error Could not get the simulator list from Xcode. Please open Xcode and try running project directly from there to resolve the remaining issues. 해결 방법은 위의 설명대로 xcode를 한번 실행하고 다시 "react-native run-ios"를 실행하면 정상적으로 iOS 시뮬레이션이 실행되고 코드가 컴파일 됩니다. ※ XCode가 문제가 있어 삭제 후 새로 XCode를 설치해서 발생한 것으로 생각됩니다. 2022. 1. 19.
You are currently running Node v10.6.0 but React Native requires >=12. Please use a supported version of Node. 오랜만에 React-Native를 이용하여 iOS 앱을 개발하려고 프로젝트를 생성하니 아래와 같은 오류가 발생했습니다. You are currently running Node v10.6.0 but React Native requires >=12. Please use a supported version of Node. Node.js의 버전을 12이상으로 갱신하라고 표시되어서 아래의 URL에서 최신의 윈도우즈용 Node.js 를 다운로드하여 설치했습니다. https://nodejs.org/en/download/ Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js .. 2021. 12. 15.
React-Native - ITMS-90433: Invalid Swift Support - The file libswiftCore.dylib doesn’t have the correct code signature. React-Native에서 개발한 앱이 iOS 심사에서 반려를 받고 상태가 "Invalid Binary"로 바뀌었습니다. 구글링을 해도 정확한 해결책을 찾을 수 없어 심사를 통과한 앱의 React-Native 모듈의 버전과 비교하고, 차이가 있는 모듈의 버전으로 다시 컴파일 해서 심사를 제출했는데, 정상적을 제출이 되었습니다. 아래의 반려된 모듈의 버전과 정상적으로 심사를 진행중이 모듈의 버전을 기술하였습니다. 정확히 어떤 모듈 때문에 발생했는지는 모르지만 저와 같이 발려된 분에게 도움이 되길 바랍니다. [반려] "react-native-safe-area-context": "^3.0.6", "react-native-screens": "^2.9.0", "@babel/core": "7.10.3", "@bab.. 2021. 4. 7.
React-Native 0.64.0 화면간 데이터(파라미터) 전달하기 React-Native에서 화면간 데이터 즉 파라미터를 전달하는 방법입니다. 모듈 버전 react-native : 0.64.0 파라미터 전달 여러 데이터(파라미터)를 JSON으로 전달하면 됩니다. this.props.navigation.navigate('SCREEN_ID', {paramName1:paramValue1, paramName2:paramValue2, ...}); 파라미터 받기 this.props.route.params.paramName1 this.props.route.params.paramName2 ... 예제 (1) 데이터 전달하기 import React, { Component } from 'react'; import { View, Text, Button, TextInput } from 'r.. 2021. 4. 5.
react-native 0.64.0 화면간 이동 react-native를 개발 할 때 항상 느끼는거지만 버전에 따른 개발이 달라져서 힘들었습니다. 반드시 버전을 확인해서 개발에 적용하시길 바랍니다. 모듈 버전 react-native : 0.64.0 @react-navigation/native : ^5.9.4 @react-navigation/stack : ^5.14.4 react-native-gesture-handler : ^1.10.3 react-native-safe-area-context : ^3.2.0 react-native-screens : ^3.0.0 모듈 설치 npm install @react-navigation/native npm install @react-navigation/stack npm install react-native-safe-.. 2021. 4. 4.
React-Native 0.62.2에서 iOS 14에 이미지 표시 안되는 현상 해결 방법 React-Native 0.62.2에서 iOS 14에 이미지가 표시되지 않는 현상이 발생합니다. 아마도 0.62.x에서 동일하게 발생하는 것을 생각됩니다. 이 문제를 해결하기 위해서 구글링을 했는데, React-Native 0.62.2 모듈의 소스를 수정해야 해결이 됩니다. React-Native 0.62.2 모듈의 소스를 수정하고 싶지 않지만 해결책이 보이지 않아 수정하여 해결했습니다. /node_modules/react-native/Libraries/Image/RCTUIImageViewAnimated.m 에서 "if (_currentFrame)" 를 찾아서 수정해야 합니다. [수정 전 소스] if (_currentFrame) { layer.contentsScale = self.animatedImage.. 2021. 3. 29.
React-Native iOS 개발을 위한 VMWare Play 설정 iOS 앱은 React-Native로 윈도우즈에서 코딩을 하고 VMWare Play의 macOS에서 컴파일 하고 있습니다. 최적의 VMWare Play 환경은 아니지만 나름대로 사용하고 있는 VMWare Play의 설정을 설명 없이 화면만 캡쳐하여 알려드리겠습니다. 1. 하드웨어 2. 옵션 2021. 3. 28.
React-Native Execution failed for task ':app:mergeDexDebug' React-Native 안드로이드 아래의 컴파일 오류 시 처리 방법입니다. [오류] Execution failed for task ':app:mergeDexDebug'. > A failure occurred while executing com.android.build.gradle.internal.tasks.Workers$ActionFacade > com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives: [해결방법] /android/app/build.gradle 에 아래의 내용을 추가 후 컴파일 하세요. android { ... defaultConfig { ... multiDexEnabled true } ... 2021. 3. 28.
React-Native error: package android.support.annotation does not exist React-Native 안드로이드 컴파일 시 아래와 같이 오류가 발생해서 구글링해서 해결책을 찾았습니다. 참고하세요. [오류] ...\node_modules\react-native-admob\android\src\main\java\com\sbugert\rnadmob\RNAdMobBannerViewManager.java:4: error: package android.support.annotation does not exist import android.support.annotation.Nullable; [해결방법] npm install --save jetifier npx jetify npx react-native run-android 2021. 3. 28.
React-Native : 애드몹(AdMob) iOS 14 적용하기 iOS 14에서 고주용 식별자(IDFA)에 액세스하려는 앱의 경우 앱 추적 투명성(ATT) 프레임워크라는 메시지를 통해 사용자에게 액세스 권한을 요청해야 합니다. 애드몹 사이트에서 아래와 같이 2가지 알림이 표시되는데 해당 건을 처리하는 방법입니다. [권한 요청 화면] [React-Native 모듈 버전] react : "16.11.0" react-native : "0.62.2" react-native-admob : "2.0.0-beta.6" 1. Info.plist 수정 (1) SKAdNetworkItems 추가 SKAdNetworkItems SKAdNetworkIdentifier cstr6suwn9.skadnetwork { this.state.banner = ; this.setState(this.st.. 2021. 3. 27.
React-Native iOS 앱 심사 반려(구글 맵 관련) React-Native로 제작된 iOS앱인 서울버스-도착정보가 앱 심사에서 반려가 되었습니다. 기존에 URL Link로 구글맵에 마크를 표시하는 기능의 URL을 변경했는데. 이것이 문제였습니다. 아래와 같이 URL을 변경했는데 변경된 URL에 문제가 있네요. 변경된 URL로 Linking.openURL 할 경우 구글맵이 실행되고 마크가 표시되는데 이것이 심사 반려된 이유였습니다. [기존 URL] http://maps.google.com/maps?&z=15&q=35.1560856,129.055346 [변경 URL] https://www.google.com/maps/search/?api=1&query=35.1560856,129.055346 상세한 관련 포스트는 아래의 참고하세요. https://docko.t.. 2021. 2. 26.
React-Native iOS 앱 구글맵 링크 React-Native로 iOS앱에서 구글맵으로 링크를 통해서 웨브라우저를 열어서 표시하고 있는데, 지도의 도로 건물 등이 표시되지 않는 형상이 발생했습니다. 비정상 구글맵 링크 http://maps.google.com/maps?&z=15&q=35.1560856,129.055346 iOS 화면 아래의 링크로 변경하여 처리하였습니다. ※ 아래의 URL로 Linking.openURL 할경우에 iOS에 구글 맵이 설치되어 있으면 구글맵이 실행됩니다. 구글맵을 실행하면, 앱 심사 시 Reject 당하므로 Apple의 맵 링크로 사용해야 하네요. ㅠㅠ https://www.google.com/maps/search/?api=1&query=35.1560856,129.055346 2021. 2. 25.
React-Native iOS 애드몹(Admob) 적용 React-Native에서 iOS 애드몹 적용 순서입니다. 화면(Screen)의 View에 적용은 생략합니다. 1. Module 설치 npm i --save react-native-admob@next - 자세한 내용은 아래의 사이트를 참고하세요. https://github.com/sbugert/react-native-admob sbugert/react-native-admob A react-native component for Google AdMob banners. Contribute to sbugert/react-native-admob development by creating an account on GitHub. github.com 2. Info.plist에 Admob 앱ID를 입력 (Info.pli.. 2020. 7. 21.
React-Native WebView 컴파일 오류 해결 방법 [개발 환경] OS : Windows 10 React-Native : 0.62.2 React-Native-Webview : 10.3.1 React-Native에 웹뷰(WebView)를 적용하려니 아래와 같은 오류가 발생합니다 [오류] > Task :react-native-webview:compileDebugKotlin Could not connect to kotlin daemon. Using fallback strategy. > Task :react-native-webview:compileDebugJavaWithJavac FAILED 해결 방법은 React-Native 프로젝트의 Android 프로젝트의 컴파일 툴 및 버젼을 아래와 같이 수정 후 컴파일하면 해결됩니다. [해결 방법] React-Nativ.. 2020. 6. 22.
정상적인 React-Native 프로젝트 iOS 컴파일 시 오류 해결 방법 iOS 컴파일이 잘되던 React-Native 프로젝트가 오류가 발생하는 경우가 종종 발생합니다. 이럴 경우 Pod의 캐쉬를 초기화(Clear) 후 다시 컴파일 하면 정상적으로 컴파일이 됩니다. 아래의 오류와 동일 하지 않을 수 있습니다. events.js:287 throw er; // Unhandled 'error' event ^ Error: EMFILE: too many open files, watch at FSEvent.FSWatcher._handle.onchange (internal/fs/watchers.js:127:28) Emitted 'error' event on NodeWatcher instance at: at NodeWatcher.checkedEmitError (/Users/dokonjan.. 2020. 6. 19.
React-Native(리액트 네이티브) : 안드로이드 버들링 react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res 2019. 7. 14.
React-Native : 오류 : error: Build input file cannot be found: '.../node_modules/react-native/Libraries/WebSocket/libfishhook.a' 아래와 같은 React-Native 오류 해결 방법입니다.error: Build input file cannot be found: '/node_modules/react-native/Libraries/WebSocket/libfishhook.a' 라이브러리 RCTWebSocket.xcodeproj의 libfishhook.a 라이브러리 링크를 다시 링크하면 됩니다.아래의 이미지를 참고하세요. 2019. 6. 6.