바르고 뜨겁게

React Native - Error: spawn ./gradlew EACCESreact-native run-android 실행시 아래와 같은 에러가 종종 발생된다. error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Run CLI with --verbose flag for more details. Error: spawn ./gradlew EACCES at Process.ChildProcess._handle.onexit (internal/child_process.js:264:19) 접근 권한의 문제이며..

React Native A4 Size Print View리액트 네이티브에서 실물 A4 사이즈를 얻기위해 View를 구성하는 방법. 1. 현실 크기 구하기IOS에서는 pixel 이라는 단위를 사용하고 , 안드로이드에선 dp 라는 단위를 사용한다.ReactNative의 단위를 현실크기에 맞추기 위한 식은 아래와 같다. import { PixelRatio } from "react-native"; ​ export function _getCmToRealPixel(cm) { return PixelRatio.roundToNearestPixel(Number(cm) * 37.795276) }roundToNearestPixel레이아웃 크기 (dp)를 정수 픽셀 수에 해당하는 가장 가까운 레이아웃 크기로 반올림합니다. 예를..

IOS domain request network errorIOS에서 IP 주소로 HTTP 요청시 정상 동작하지만, 특정 도메인으로 HTTP 요청시 network error 가 발생하는 경우가 있다.그 경우 Info.plist에 아래 코드를 추가해주면 된다. NSAppTransportSecurity NSAllowsArbitraryLoads NSAllowsArbitraryLoadsInWebContent NSExceptionDomains [ 도메인 주소 (right-hot.tistory.com) ] NSExceptionAllowsInsecureHTTPLoads

Axios multipart image network errorhttp 통신을 사용하여 멀티파트 업로드를 구현중 ... 이미지를 폼데이터에 추가하면Network Error가 발행되는 경우가 있다. 1. name, type, uri 확인간혹 type을 빼먹으면 network error가 난다고 하니 주의하자.formData.append("imgPath01", { name: "imgPath01.jpg", type: imgPath01.mime, uri: imgPath01.path }); 2. 안드로이드 FLIPPER_VERSION 버전 업그레이드android > gradle.propertiesFLIPPER_VERSION=0.46.02-2. 클린 , 리빌드android ->app->source->debug2-1..

FlatList에 데이터가 많이 담기면 에러 로그도 없이 IOS 앱이 죽는 현상이 있음.(안드로이드는 문제 없음) FlatList 내에 아래 코드를 추가하면 해결 됨.

[ERROR] xcodebuild DTDeviceKit: deviceType from ... was NULL 에러 해결법 https://dundinstudio.com/tutorial-imessage-sticker-xcode-build-fail/ 위 블로그를 보면 프로비저닝이 꼬여서 그렇다고 합니다. /Users/[사용자이름]/Library/MobileDevice/Provisioning Profiles/위 경로의 파일을 모두 삭제하고 다시 빌드. 아이폰은 진짜...ㅂㄷㅂㄷ

[IOS ERROR] Bundle Idenfifier 변경시 linker command failed with exit code 1 에러 IOS 에서 Bundle ID 변경시 빌드 중 inker command failed with exit code 1 에러가 발생된다. https://stackoverflow.com/questions/55109983/react-native-maps-call-api-request-when-onregionchange 몇가지 해결책이 있는데 Build Settings > Build Options > Enable Bitcode : No 로 변경시 해결이 가능하다. 방법 2상단 프로젝트 클릭New Scheme 선택새로운 스킴을 만들어서 해당 스킴에서 실행 방법 3xCode 에서 ne..

React Native - IOS UIWebView Deprecated 해결 방법 20.05.01 기준으로 프로젝트에 UIWebView 포함시 IOS Appstore Connect 에 앱을 업로드하게 되면 아래 메시지가 출력되며 앱이 업로드 되지 않는다. ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView for improved security and reliability. Learn more (https://developer.apple.com/documentation/uikit/uiwebview). 이 때 살펴봐야될 부분들을 정리해보습니다. webview를 의..

react-navigation 을 사용하여 createDrawerNavigator 를 만들면 모든 화면에서 제스쳐 동작시 DrawerNavigator가 나와버린다.위 문제를 막기 위해 drawerLockMode: 'locked-closed' 를 사용하는데,문제는 IOS 에서 동작하지 않는 버그가 있다. react-navigation 의 버전을 3.xx 로 낮추면 해결된다.

프로젝트 생성모듈용 템플릿 도구 create-react-native-module 설치npm install -g react-native-cli yarn npm install -g create-react-native-module 프로젝트 생성create-react-native-module --prefix RN --package-identifier [ 패키지 식별자 ] --generate-example [ 프로젝트 이름 ]--prefix : 라이브러리 접두사--package-identifier : 안드로이드 패키지 식별자 (ex : com.righthot)--view : 매우 간단한 기본 뷰 구성 요소로 모듈 생성 (미 입력시 기본 모듈형태 프로젝트 생성)--generate-example : 예제 프로젝트를 ..