ReactNative

api 호출시 Network-request-failed 해결방법

network request failed 는 여러 예외상황에서 발생하지만 기본적인 예외사항을 제외하고 작성하였습니다. 앱 테스트 진행중에 에뮬레이터 환경에서는 잘 동작해서 .apk로 실제 디바이스로 앱을 실행시켜 fetch로 api 요청을 보냈는데 Network-requsetp-failed 가 뜬 상황..삽질끝에 찾아낸 결과는 안드로이드9(API 28) 부터 강화된 네트워크 보안정책으로 인한 오류, http를 허용하지 않기 때문에 발생하는 오류였던 것이다. android/app/src/main/AndroidManifest.xml 파일에서 android:usesCleartextTraffic="true" 로 추가한 후 다시 앱을 build하고 .apk로 만들어서 실행하니 정상적으로 동작되는걸 확인할 수 있었..

React-native 에서 push 알림 사용하기

현재글은 RN - v0.60 이상에서 android 기준 입니다. android에서 push알림을 사용하려면 firebase를 설정한 후 firebase console에서 사용이 가능합니다. firebase를 설정한후 messaging,notifications 기능을 추가하는 순서로 작성하였습니다. 1. firebase console 사이트에 자신이 만든 앱을 등록합니다.(등록방법은 검색) 2. npm install --save react-native-firebase 를 설치합니다. 3. anroid/build.gradle 경로에 Buildscript{.. Dependencies{… }} Dependencies 안에 classpath 'com.google.gms:google-services:4.2.0' ..

React Native 에서 Icon(아이콘) 사용하기 , 아이콘 깨짐현상 해결

+수정) anroid/app/src/main/assets/fonts (assets/fonts 폴더를 생성해야합니다.) 현재글은 RN - v0.60 이상에서 android 기준 입니다. npm install react-native-vector-icons --save 로 설치 Android/app/build.gradle apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 추가 android/app/src/main/assets/fonts (assets/fonts 폴더를 생성) https://oblador.github.io/react-native-vector-icons/ 사이트에서 원하는 아이콘을 찾은 후 ex) import AntDe..

D8: Cannot fit requested classes in a single dex file (# methods: 66026 > 65536) 오류해결

* 안드로이드 5.0 (API 21 이상 해결방법 입니다.) * API 21 이하이거나 자세한 내용은 여기를 참조하세요. https://developer.android.com/studio/build/multidex?hl=ko 64K가 넘는 메서드의 앱에 관해 multidex 사용 설정 | Android 개발자 | Android Developers 앱이 여러 DEX 파일을 빌드하고 읽을 수 있도록 하는 multidex라는 앱 구성의 사용설정 방법에 관해 알아보세요. developer.android.com