반응형 rn7 [React Native] --list-devices에서 USB로 연결한 안드로이드 실기기가 보이지 않을 때 react-native run-android --list-devices 명령어 입력시 실행 가능한 안드로이드 기기/에뮬레이터 목록이 뜨는데, 이전까지도 잘 떴던 실기기가 어느날부터 목록에서 나오지 않았다.우선 아래 명령어를 실행한다.$ adb kill-server 그 후에 컴퓨터에 USB로 안드로이드 기기를 연결한 상태에서 아래 명령어를 입력한다.$ adb devices상태가 unauthorized이긴 하나 연결된 기기 목록에는 뜨는 것을 확인했다. 이제 안드로이드 기기에서 설정 > 개발자 옵션 > USB 디버깅을 ON으로 만들어주면 "USB 디버깅을 허용하시겠습니까?"라는 메시지와 컴퓨터 RSA 키 지문이 같이 화면에 표시된다. 이 메시지를 허용을 누른다. adb devices 명령어 결과에서 휴대폰 .. 2024. 9. 4. [React Native] ios react-native-permissions로 APP_TRACKING_TRANSPARENCY 요청하기 ios에서 앱을 실행하다보면 아래 이미지처럼 사용자 활동 추적 메시지를 본 적이 있을 것이다. 이 팝업이 뜨도록 설정하는 과정을 보도록 하자. react-native-permissions 패키지(https://www.npmjs.com/package/react-native-permissions)를 사용했다. 패키지 설명 페이지에 나온대로 따라해봤다. 1. Podfile 설정1) react-native 버전에 따라서 아래 코드 Podfile에 추가react-native >= 0.72 일 때def node_require(script) # Resolve script with node to allow for hoisting require Pod::Executable.execute_command('node',.. 2024. 8. 4. [React Native] ios FCM으로 푸시알림 적용하기(2) - Firebase 설정 * 사전 준비: FCM 세팅 중에 APN 인증키(.p8 파일)가 필요하다. 인증 키 발급 방법은 다음 글에서 확인 가능하다.https://pocket-dev.tistory.com/43 인증서, ID 및 프로파일 > " data-og-host="pocket-dev.tistory.com" data-og-source-url="https://pocket-dev.tistory.com/43" data-og-url="https://pocket-dev.tistory.com/43" data-og-image="https://blog.kakaocdn.net/dna/bmfSAI/hyWvSyqpRs/AAAAAAAAAAAAAAAAAAAAAEPnlhysHDavkV5q4ihy7wF20j0PdcQIDciwYzuZjnsO/img.png?credential=yqXZFxpELC7KVnFOS48ylbz2pIh7yKj8&expires=1772290799&allow_ip=&allow_referer=&signature=%2BfRWJVTb30UM3Tugmv6qn0xovck%3D 2024. 7. 10. [React Native] 실제 기기 구동 시 @expo/vector-icons 아이콘 안나옴. 아이폰 기기에서 앱 실행 시 '@expo/vector-icons'; 로 임포트한 아이콘이 화면에서 보이지 않을 경우,ios > {프로젝트명} > info.plist에 아래 부분을 추가해준다.UIAppFonts AntDesign.ttf Entypo.ttf EvilIcons.ttf Feather.ttf FontAwesome.ttf FontAwesome5_Brands.ttf FontAwesome5_Regular.ttf FontAwesome5_Solid.ttf Fontisto.ttf Foundation.ttf Ionicons.ttf MaterialCommunityIcons.ttf MaterialIcons.ttf Octicons.ttf .. 2024. 7. 5. [React Native] 실제 기기(아이폰) 연결해서 프로젝트 구동하기 1. npm 명령어 생성 후 실행- 시도: package.json > scripts에 ios-device 부분 추가"scripts": { "start": "react-native start", "android": "react-native run-android", "ios": "react-native run-ios --simulator \"iPhone SE (3rd generation)\"", "ios-device": "react-native run-ios --device 'MYNAME의 iPhone' --mode Debug", "web": "expo start --web", }, - 결과: 에러 발생(코드 70)error Failed to build iOS project. ".. 2024. 7. 5. [React Native] fetch 사용 시 TypeError: Network request failed 리액트 네이티브 프로젝트를 ios 에뮬레이터에서 실행 시 fetch로 API를 호출하는 부분에서 [TypeError: Network request failed] 에러를 만날 수 있다. ios 에뮬레이터는 기본적으로 http로 되어있는 api 호출을 막아둔다. 그래서 이것을 허용해줘야 한다. 내 상황: localhost로 띄워놓은 API 호출해결방법: info.plist 파일 수정NSAppTransportSecurity //////////////////////////////// 여기서부터 //////////////////////////////// NSExceptionDomains localhost NSTemporaryExceptionAllowsInsecureHTTPLoads .. 2024. 7. 1. 리액트 네이티브 Animated에서 useRef 활용하기 공식 문서에 나와있는 useRef에 대한 설명은 다음과 같다. 📌 useRef는 렌더링에 필요하지 않은 값을 참조할 수 있는 React 훅입니다. 📌 useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환합니다. 반환된 객체는 컴포넌트의 전 생애주기를 통해 유지될 것입니다. 📌 ref.current 프로퍼티를 변경해도 React는 컴포넌트를 다시 렌더링하지 않습니다. ref는 일반 JavaScript 객체이기 때문에 React는 사용자가 언제 변경했는지 알지 못합니다. 값의 변경에도 재렌더링이 일어나지 않는 특징 덕분에 리액트 네이티브에서 애니메이션 기능을 구현할 때 유용하게 쓸 수 있다. 아래 코드에서처럼 useRef 안에 new Ani.. 2024. 3. 11. 이전 1 다음 반응형
