React Native 22

Locofy.ai - Figma 를 React, React Native, HTML/CSS, Next.js 코드 변환

Locofy.ai는 선택한 언어로 모바일 앱 및 웹용 프로덕션 준비 코드 를 작성합니다! 더 복잡한 문제에 집중할 수 있도록 시간을 50~60% 절약할 수 있습니다. React, Vue, Angular, HTML-CSS, SwiftUI , Jetpack Compose/Kotlin, Flutter, React Native 등이 준비되어 있습니다! 코드를 내보내거나 Netlify로 배포하세요. 이미 사용하고 있는 도구를 계속 사용하십시오. 우리는 Figma, Sketch 및 Adobe 와 통합 합니다. 플러그인 또는 빌더를 사용하여 디자인에 태그를 지정하고 짜잔! 보너스로 Material UI, Bootstrap, Ant Design 및 기타 인기 있는 라이브러리 에서 미리 빌드된 구성 요소 를 끌어다 놓을..

React Native 2022.07.26

react-native splash 0.68 + 이상 버전에서 에러 처리 방법

Make로 작업하시는 분들에 한해 에러 처리 방법입니다. Make를 사용안하시는 분들은 1단계 방법추가하시고 SplashScreen.show(this, R.style.SplashScreenTheme, true); 3번째 매개변수 전달하면 됩니다. react-native-splash-screen 설치 yarn add react-native-splash-screen react-naitve link react-native-splash-screen @bam.tech/react-native-make 설치 yarn add @bam.tech/react-native-make react-native set-splash --path 경로 --resize center --background 색상 하시게 되면 아래와 같이 M..

React Native 2022.04.25

소셜로그인 진행시 Android hasykey 추출 3가지 방법

소셜로그인 진행시 Android HashKey 추출방법 공유드립니다. 아시는분들도 계실테지만 참고만해주세요 mac & window 별로 정리해두었습니다. 1. android Debug keystore 안드로이드에서 디버그 key 추출 하는 방법이다. -alias 설정된 android 이름이고 건드리지 않았다면 androiddebugkey가 default 이다 -keystore 에는 deebug.keystore 위치 경로를 작성해주고 실행을 하면 키를 발급받을수있다. Mac keytool -exportcert -alias androiddebugkey -keystore ~./android/app/debug.keystore -storepass android -keypass android | openssl sh..

React Native 2022.01.21

NPM libs colors, faker 사용 주의

colors, faker 모듈 쓰시는분 꼭 참고하세요. 사건개요 - colors, faker 모듈 개발자가 오픈소스 커뮤니티를 대기업이 무임승차해서 돈 버는게 못마땅함. - 열받은 개발자가 무한루프 코드를 npm 업로드 - 난리가 남(주당 다운로드가 2천만건 ) 처음에는 ua-parser-js 처럼 개발자 권한 탈취된줄 알았음 - 알고보니 개발자가 일부러 그런것을 발견 - Github가 개발자의 npm, github 권한을 회수하고 npm 모듈 버전을 강제로 되돌렸다고하네요 https://www.bleepingcomputer.com/news/security/dev-corrupts-npm-libs-colors-and-faker-breaking-thousands-of-apps/

React Native 2022.01.12

React와 ElectronJS로 데스크톱 앱 만들어보기

React와 ElectronJS로 데스크톱 앱 만들어보기 medium.com/withj-kr/react%EC%99%80-electronjs%EB%A1%9C-%EB%8D%B0%EC%8A%A4%ED%81%AC%ED%86%B1-%EC%95%B1-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EA%B8%B0-1-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0-6f83562de839 [React와 ElectronJS로 데스크톱 앱 만들어보기] [#1] 프로젝트 세팅하기 아래 블로그로 가시면 더욱 많은 정보를 접해보실 수 있습니다. medium.com kyuhyuk.kr/article/electron/2020/0..

React Native 2021.02.22

안드로이드 기기에서 진동/무음모드를 설정시 알림음 해결 방법

react-native-push-notification 라이브러리 사용할 경우 안드로이드 기기에서 진동/무음모드를 설정시 알림음 해결 방법 node_modules/react-native-push-notification/android/src/main/java/com/dieam/reactnativepushnotification/modules/RNPushNotificationHelper.java 위 경로의 RNPushNotificationHelper.java 파일 수정 try { if (soundUri != null) { AudioManager mAudioManager = (AudioManager) context.getSystemService(Context.AUDIO_SERVICE); mAudioManager..

React Native 2021.01.08

react-native webview alert message url 안보이도록 ...

react-native 웹뷰로 구성된 화면에서 자바스크립트로 alert 메시지를 띄울때 url 표시가 되는데 보기가 싫어서 url 삭제하고자 하는 경우 아래처럼 코드를 추가해주면 됩니다 android/src/main/java/com/reactnativecommunity/webview/RNCWebViewManager.java // 아래 코드 추가 import android.app.AlertDialog; import android.content.DialogInterface; import android.webkit.JsResult; protected void setupWebChromeClient(ReactContext reactContext, WebView webView) { if (mAllowsFullscr..

React Native 2020.12.31

MAC BigSur 업데이트 후 Xcode 에뮬레이터 디버그 실행안되는 오류 수정 방법

MAC BigSur 업데이트 후 Xcode 에뮬레이터 디버그 실행안되는 오류 수정 방법 빌드 오류 원인 Xcode12에서 ARM기반 맥(애플실리콘)을 지원함에 따라 아이폰 시뮬레이터에 ARM용 아키텍쳐 arm64가 추가돼 발생 해결 방법 Build Setting에 EXCLUDED_ARCHS에 arm64를 추가 VALID_ARCHS 제거 (없으면 말고...) 출처 : jusung.github.io/Xcode12-Build-Error/ 참고자료 stackoverflow.com/questions/63607158/xcode-12-building-for-ios-simulator-but-linking-in-object-file-built-for-ios Xcode 12, building for iOS Simulato..

React Native 2020.11.22