전체 글 81

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

XAMPP Apache 포트 충돌이 아닌데 데몬이 시작 Error.. 발생 원인 해결 방법

XAMPP 설치하기 이전 윈도우용 Apache를 설치를 한 경우 여러 방법을 시도해도 Aapche 데몬 시작이 안됨 Netstat 를 봐도 포트 충돌은 아닌데 Attempting to start Apache service... 위와 같은 메시지만 보여주고... 시작이 안됨 윈도우 서비스에 가서 Apache 서비스를 중지해도 안되고 Apache가 설치된 폴더를 삭제를 한후 재부팅 해도 안되고 계속해서 서비스에 Apache가 실행이 되고 있음 결국 해결 방법은 관리자로 터미널 실행한 후 C:/Apache24/bin 폴더로 이동한 다음 httpd.exe -k uninstall 위 명령어로 완전히 삭제를 하고 XAMPP를 다시 설치하니 정상적으로 작동함

Os/Windows 2020.11.17

REACT-NATIVE 안드로이드 웹뷰에서 파일 업로드 카메라 권한 요청

REACT-NATIVE 안드로이드 웹뷰에서 파일 업로드 카메라 권한 요청 android/src/main/java/com/reactnativecommunity/webview/ RNCWebViewModule.java RNCWebViewModule.java 파일 수정 @ReactModule(name = RNCWebViewModule.MODULE_NAME) public class RNCWebViewModule extends ReactContextBaseJavaModule implements ActivityEventListener { private static final int PICKER = 1; private static final int PICKER_LEGACY = 3; private static final..

React Native 2020.11.11

REACT-NATIVE 인터넷 연결 확인

어떤 경우에는 앱에서 작업을 시작하기 전에 장치가 인터넷에 연결되어 있는지 확인할 필요가 있을때 Netinfo 라이브러리를 사용하여 확인할 수 있으며 애플리케이션의 React Native 버전에 따라 다릅니다. RN : 버전> = 0.60 import NetInfo from "@react-native-community/netinfo"; NetInfo.fetch().then(state => { console.log("Connection type", state.type); console.log("Is connected?", state.isConnected); }); isConnected: boolean, Type: none, wifi, bluetooth, cellular. RN : 버전 { console.l..

React Native 2020.11.09

react-native-webview (웹뷰)에서 카드 결제 또는 외부앱 실행하기

Android 에서 react-native-webview (웹뷰) 카드 결제 또는 외부앱 실행하기 1. react-native-send-intent 라이브러리를 이용해 인텐트 호출 - install npm install react-native-send-intent --save react-native link react-native-send-intent 2. android/setting.gradle 파일에 아래의 코드를 추가 include ':RNSendIntentModule', ':app' project(':RNSendIntentModule').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-send-intent/an..

React Native 2020.11.02

REACT NATIVE FIREBASE 및 FCM을 사용하여 IOS 및 ANDROID에서 사용자 지정 푸시 알림 소리를 추가하는 방법

www.embusinessproducts.com/how-to-add-a-custom-push-notification-sound-on-ios-and-android-with-react-native-firebase-and-fcm/ How to add a custom push notification sound on iOS and Android with React Native Firebase and FCM | EMBP I want to document how I got custom push notification sounds working on iOS and Android with the React Native Firebase library and Firebase Cloud Messaging (FCM). The ..

React Native 2020.10.26

IOS 14 관련 RN 오류

IOS 14 관련 RN 오류 ios14 push(알림) 퍼미션 해결방안입니다.. firebase모듈을 최신버전으로 업데이트 buildSetting-packaging-productName이 영어를 사용해야 함 (앱이름을 info.plist에서 변경하지 않고 general에서 변경하면 productName이 변경될 수도 있음) ios gif 이미지 반복횟수 오류(최소2번 돌아감) 수정방법입니다. rn 63.2 node_modules/react-native/libraries/image/RCTAnimatedImage.m 파일수정 원본 : if(loopCount!=0) 수정 : if(loopCount!=0 && loopCount!=1) ios 14 외부url 이미지가 나오지 않는 버그 react-native 업그..

React Native 2020.09.23

모바일 UI·UX 디자인시 고려해야 할 가이드라인 모음

보다가 좋은 자료인것 같아서 공유하고자 합니다. 모바일UI 디자인시 고려해야할 가이드라인 모음1 https://brunch.co.kr/@chulhochoiucj0/8 모바일UI 디자인시 고려해야할 가이드라인 모음2 https://brunch.co.kr/@chulhochoiucj0/9 모바일UI 디자인시 고려해야할 가이드라인 모음3 https://brunch.co.kr/@chulhochoiucj0/10 모바일UI 디자인시 고려해야할 가이드라인 모음4 https://brunch.co.kr/@chulhochoiucj0/11 모바일UI 디자인시 고려해야할 가이드라인 모음5 https://brunch.co.kr/@chulhochoiucj0/12 도움이 되었으면 합니다^^ 모바일 UI·UX 디자인시 고려해야 할 가..

Mobile 2020.09.17

이미지 및 동영상 캐시서버 구축하기(Nginx,Apache)

출처 : https://sir.kr/g5_tip/14310 (우성짱님 : 그누보드 이미지 및 동영상 캐시서버 구축하기(Nginx,Apache)) 관련링크 https://www.wsgvet.com/ubuntu/129 https://blog.lael.be/post/7605 링크2에 있는 @라엘 님의 자료를 도커로 쉽게 구성하고, 자신의 웹서버 설정을 수정하여 캐시가 되게 할 수 있습니다. /data/file 및 /data/editor에 있는 이미지 및 동영상을 캐시서버에 따로두어 트래픽을 캐시서버로 몰아줄 수 있습니다. 본서버는 CPU 및 DB가 좋은 곳으로 선택하고, 캐시서버는 느리지만 용량 많고 트래픽 널널한 곳으로 선택하면 됩니다. 조건 1. 본서버의 웹서버가 Nginx 또는 Apache일 것. Ngi..

Os/Linux 2020.09.07

RN 빌드 오류] error Android project not found. Are you sure this is a React Native project?

지난 금요일 거래처에게 앱 테스트를 요청하기위해 release 하고 난 다음 월요일 출근해서 작업을 할려고 하니 아래와 같은 에러가 발생했다. C:\App\Test>npx react-native run-android -- --reset-cache error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting `project.android.sourceDir` option to point to a new location. Run C..

React Native 2020.08.31