본문 바로가기

JavaScript/React-Native4

React-Native 웹뷰 ios nice 본인인증 팝업 안뜰때 해결법 아마 이것때문에 삽질을 엄청 많이들 하셨을거에요. 저의 경우는 nice기술담당자에게 이메일도 보내봤는데요. 돌아오는 답변은 form 데이터 parameter 들을 올바르게 전송했냐는 너무나 형식적인 답변들을 들었는데요. 디깅을 했을때, ios의 보안정책때문에 팝업이 안열린다는 얘기도 있었지만, 그것도 정답은 아니었어요. 보통 예제코드#1 처럼 진행을 하게될시에 ios에서 흰화면이 노출되게 됩니다. 그렇지만, 예제코드#2 하시게 된다면 nice본인인증 팝업화면이 정상적으로 동작할것입니다. 안되는 이유를 뇌피셜로 추측해보자면, RN 웹뷰화면에서 window.open을 실행하고 form에 데이터할당해주고, submit을 하는데요. nice의 action url에 submit이 끝나고 target 팝업을 찾아.. 2023. 10. 26.
디바이스 정보를 가져오는 Native Module 만들어보기 Android // DeviceInfoModule.java package com.nativemodule; import androidx.annotation.NonNull; import com.facebook.react.bridge.Promise; import com.facebook.react.bridge.ReactApplicationContext; import com.facebook.react.bridge.ReactContextBaseJavaModule; import com.facebook.react.bridge.ReactMethod; // 추상 클래스 ReactContextBaseJavaModule 상속 public class DeviceInfoModule extends ReactContextBaseJa.. 2023. 4. 28.
React-Native NativeModules 네이티브 모듈 만들기 https://reactnative.dev/docs/native-modules-android Android Native Modules · React Native Welcome to Native Modules for Android. Please start by reading the Native Modules Intro for an intro to what native modules are. reactnative.dev https://reactnative.dev/docs/native-modules-ios iOS Native Modules · React Native Welcome to Native Modules for iOS. Please start by reading the Native Modules Int.. 2023. 4. 26.
[React-Native] 안드로이드 시뮬레이터에서 localhost 동작하기 / 안드로이드 adb reverse 명령 사용하기 iOS의 경우는 http://localhost:3000 으로 바로 사용가능하지만, AOS의 경우는 설정을 해줘야 접속이 가능하다. 안드로이드 스튜디오에서 시뮬레이터 연결 확인 후 CLI를 통해 간단한 명령어로 localhost를 사용할 수 있다. 1) adb devices (연결된 디바이스 확인) 2) adb -s 시뮬레이터이름 reverse tcp:3000 tcp:3000 2023. 3. 27.