반응형 분류 전체보기60 [React Native] http 프로토콜 접속 오류 해결 안드로이드에서 http 프로토콜로 url 접속을 시도할때 Cleartext HTTP traffic to '' not permitted 와 같은 오류가 발생하는 경우가 있다. 해당 오류는 안드로이드 정책 상 http 프로토콜 접속을 막고 있기 때문에 발생하는 것으로, http 프로토콜 접속을 허용하는 설정을 아래와 같이 추가해준다. # http 프로토콜 접속 허용 설정 파일 경로 Android > app > src > main > res > xml > network_security_config.xml # 설정 추가 101.12.34.56 102.1.2.3 102.4.5.6 cleartextTrafficPermitted를 true로 설정해주고 domain-confg에 접속할 ip 주소를 추가해준다. 2023. 9. 18. [React Native] 리액트 네이티브 비동기 서버 통신 axios 사용법 리액트 네이티브에서 비동기로 서버와 통신하는 방법중에 axios에 대해 알아보자. 비동기 서버 통신 API인 axios는 아래와 같은 형식으로 사용할 수 있다. import axios from 'axios'; axios.post('localhost:8080/api/login', { ID: "id", PASSWORD: "password" }) .then(result=>{ if(result){ Alert.alert('', '로그인 되었습니다.', [{text: '확인'}]); } }) .catch(function(error){ console.log('login catch error : '+JSON.stringify(error)); }) post 방식으로 localhost:8080/api/login 서버에 아.. 2023. 8. 23. [React Native] 리액트 네이티브 달력 날짜 사용하기 - DateTimePickerModal 리액트 네이티브에서 달력 컴포넌트를 사용하여 날짜를 선택할 수 있는 기능을 구현하기 위해 DateTimePickerModal을 사용한 예제이다. # 라이브러리 설치하기 npm install -save react-native-image-picker npm install -save react-native-community/datetimepicker # DateTimePickerModal 컴포넌트 사용하기 import {View, StyleSheet, Pressable} from 'react-native'; import DateTimePickerModal from 'react-native-modal-datetime-picker'; import {ko} from 'date-fns/locale'; import {.. 2023. 8. 14. [React Native] 이미지 업로드 하기 - 갤러리, 사진첩 이미지 리액트 네이티브로 앱을 구현할 때, 스마트폰에 있는 이미지를 업로드하는 기능이 필요한 경우 사용할 수 있는 launchImageLibrary에 대해 알아보겠습니다. (안드로이드 기준) # 먼저 launchImageLibrary를 사용하기 위해 라이브러리를 설정합니다. import {launchImageLibrary} from 'react-native-image-picker'; # 이미지를 불러오기 위한 버튼을 만들어 주고 onSelectImage()} > 이미지 추가하기 const styles = StyleSheet.create({ img: { height: 120, width: 120, marginTop: 20, marginBottom: 20, alignSelf: 'center', }, }); # 이미.. 2023. 7. 31. 이전 1 ··· 3 4 5 6 7 8 9 ··· 15 다음 반응형