목록리액트네이티브 (5)

Jion의 개발일지

[React Native] Mac에서 React Native 개발 환경 세팅

오늘은 Mac으로 React Native 개발 환경 세팅하는 방법에 대해 포스팅해보려고 합니다. 😄 먼저 React Native에 대해 간략히 알아보고, 초기 세팅하는 방법에 대해 소개해 드리겠습니다. 목차 React Native란? Homebrew 설치 Node.js 설치 Watchman 설치 React Native CLI 설치 Xcode 설치 (iOS 설정) Cocoapods 설치 (iOS 설정) JDK 설치 (android 설정) Android Studio 설치 (android 설정) React Native 프로젝트 생성 및 확인 React Native란? React Native는 페이스북에서 만든 오픈소스 모바일 애플리케이션 프레임워크입니다. 하나의 프로그래밍 언어로 IOS와 Android 모바일..
React Native/개념 모음 2022. 3. 19. 21:46
[React Native] VirtualizedLists should never be nested inside plain ScrollViews with the same orientation... 해결

🆘 😕 에러명 VirtualizedLists should never be nested inside plain ScrollViews with the same orientation because it can break windowing and other functionality - use another VirtualizedList-backed container instead. ❓ 🧐 원인 ScrollView와 FlatList를 중첩 사용하여 발생 먼저 ScrollView와 FlatList에 대해 알아보고, 둘을 중첩 사용하면 안 되는 이유에 대해 설명드리겠습니다! ScrollView와 FlatList란? 🧐 * ScrollView : 여러 구성 요소와 보기를 포함할 수 있는 일반 스크롤 컨테이너 * Flat..
React Native/오류 모음 2022. 2. 22. 20:52
[React Native] Execution failed for task ':app:installDebug' 해결

에러명 : Execution failed for task ':app:installDebug' java.util.concurrent.ExecutionException: com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: 원인 : Android 에뮬레이터에 설치되어 있는 앱을 또 설치하여 발생 해결 : 에뮬레이터에 설치되어 있던 앱 삭제 후, 앱 재설치 1. 기존에 설치되어 있던 앱 삭제 2. Android 재 실행 react-native run-android
React Native/오류 모음 2022. 2. 16. 12:22
[React Native] Task :app:mergeDebugNativeLibs FAILED 해결

에러명 : Task :app:mergeDebugNativeLibs FAILED 원인 : Android에서 캐시에 생성된 구버전의 데이터와 새롭게 생성된 빌드 데이터가 충돌을 일으켜 발생 해결 : 구 버전의 캐시를 모두 삭제 1. Android에서 gradle의 캐시를 초기화 cd android && ./gradlew clean 2. Android 재 실행 react-native run-android
React Native/오류 모음 2022. 2. 9. 20:07
[React Native] No Permission handler detected 해결

에러명 : No Permission handler detected 원인 : iOS에서 react native permission 권한을 인식하지 못 해 발생 해결 : 1. appname > ios > Podfile에 해당문 추가 (저는 카메라 라이브러리를 사용하려고 카메라 permission을 부여하였습니다. 권한이 필요한 라이브러리를 path에 맞게 추가하시면 됩니다.) permissions_path = '../node_modules/react-native-permissions/ios' pod 'Permission-Camera', :path => "../node_modules/react-native-permissions/ios/Camera" 2. 권한 라이브러리 설치 npm i react-native-..
React Native/오류 모음 2022. 2. 8. 14:03
Prev 1 Next