묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결핸즈온 리액트 네이티브
input에서 올라가는 화면 영역
안녕하세요,7.13 강의 따라가다가 ScrollView로 올라가는 form 영역을 감싸는 부분에서 궁금증이 생겼습니다. 저는 UI를 조금 다르게 가져가고 있고 회원가입 항목도 좀 더 추가한 상태입니다. 그래서 회원가입 폼이 좀 길어서 첨부된 이비지에서 이메일 부분이 노치에 걸려 잘리게 됩니다. 그래서 form 전체 화면이 올라가는 게 아니라 반 정도만 올라가게 하고 싶은데 이렇게 하려면 어떻게 해야할까요? (키보드가 올라와있을 때 폼은 이메일/비밀번호/비밀번호 확인만 보이는 정도로)
-
미해결배달앱 클론코딩 [with React Native]
axios 관련 질문
안녕하세요 제로초님 강의 잘듣고 있습니다. dataForm 요청관련해서 이슈가 생겨 질문드리게 되었습니다.(현재 axios ^1.6.7 버전을 사용중입니다.) 아래와같이 resized된 이미지를 formData에 담고 요청을 보냈습니다.axios는 이렇게 되어있고 instance안에는 interceptor로 token만 갈아껴주는 로직이 들어있어서 formData에는 따로 영향을 주는 코드는 없습니다. headers, transformRequest가 없이 시도했는데 되지 않아 넣어서 해봤는데도 되지 않습니다. 서버는 nestjs를 사용중이고 아래와같이 되어 있습니다.그런데 콘솔을 찍어보면 이렇게 빈 리스트가 나옵니다. 나와서 서버의 이슈인가 해서 postman으로 요청을 해보니 이미지가 정상적으로 캐치되는 것을 확인 할 수 있었습니다. 분명 axios 설정에서 이슈가 있는거 같은데 잘모르겠어서 질문드립니다. 혹시 제가 놓친것이 있을까요? 감사합니다
-
미해결배달앱 클론코딩 [with React Native]
패키지 설치 터미널 질문
flipper 라이브러리 설치 시에는 파워쉘에서 npm i 로 설치하고, 리액트 네이티브 라이브러리 설치 시에는 에디터의 터미널에서 설치하셨는데 뭔 차이인가요?
-
해결됨배달앱 클론코딩 [with React Native]
android환경에서 usePermissions 훅 사용시 에러납니다..ㅜㅜ
usePermissions훅 사용시 에러가 납니다. android환경입니다. 코드랑 에러 올리겠습니다.구글에 먼저 검색해도 잘 모르겠어서 질문드립니다.import {useEffect} from 'react'; import {Alert, Linking, Platform} from 'react-native'; import {check, PERMISSIONS, request, RESULTS} from 'react-native-permissions'; function usePermissions() { // 권한 관련 useEffect(() => { if (Platform.OS === 'android') { //정확한 위치권한 check(PERMISSIONS.ANDROID.ACCESS_FINE_LOCATION) .then(result => { console.log('check location', result); if (result === RESULTS.DENIED) { return request(PERMISSIONS.ANDROID.ACCESS_FINE_LOCATION); } else if (result === RESULTS.BLOCKED) { Alert.alert( '이 앱은 위치 권한 허용이 필요합니다.', '앱 설정 화면을 열어서 항상 허용으로 바꿔주세요.', //밑에 배열은 버튼을 의미한다. [ { text: '네', //Linking.openSettings는 핸드폰 설정을 열어준다. onPress: () => Linking.openSettings(), }, { text: '아니오', onPress: () => console.log('No Pressed'), style: 'cancel', }, ], ); } }) .catch(console.error); } else if (Platform.OS === 'ios') { check(PERMISSIONS.IOS.LOCATION_ALWAYS) .then(result => { if (result === RESULTS.BLOCKED || result === RESULTS.DENIED) { Alert.alert( '이 앱은 백그라운드 위치 권한 허용이 필요합니다.', '앱 설정 화면을 열어서 항상 허용으로 바꿔주세요.', [ { text: '네', onPress: () => Linking.openSettings(), }, { text: '아니오', onPress: () => console.log('No Pressed'), style: 'cancel', }, ], ); } }) .catch(console.error); } if (Platform.OS === 'android') { //카메라 권한 check(PERMISSIONS.ANDROID.CAMERA) .then(result => { if (result === RESULTS.DENIED || result === RESULTS.GRANTED) { return request(PERMISSIONS.ANDROID.CAMERA); } else { console.log(result); throw new Error('카메라 지원 안 함'); } }) .catch(console.error); } else { check(PERMISSIONS.IOS.CAMERA) .then(result => { if ( result === RESULTS.DENIED || result === RESULTS.LIMITED || result === RESULTS.GRANTED ) { return request(PERMISSIONS.IOS.CAMERA); } else { console.log(result); throw new Error('카메라 지원 안 함'); } }) .catch(console.error); } }, []); } export default usePermissions; 에러메세지 텍스트입니다.Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'RNPermissions' could not be found. Verify that a module by this name is registered in the native binary., js engine: hermes at AppInner (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:131130:86) at Provider (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:130801:22) at App at RCTView at View (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:59410:43) at RCTView at View (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:59410:43) at AppContainer (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:59254:36) at FoodDeliveryApp(RootComponent) (http://10.0.2.2:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.mh.fooddeliveryapp&modulesOnly=false&runModule=true:107936:28) ERROR TypeError: Cannot read property 'check' of undefinedThis error is located at: in AppInner (created by App) in Provider (created by App) in App in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in FoodDeliveryApp(RootComponent), js engine: hermes ERROR TypeError: Cannot read property 'check' of undefinedThis error is located at: in AppInner (created by App) in Provider (created by App) in App in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in FoodDeliveryApp(RootComponent), js engine: hermes
-
미해결배달앱 클론코딩 [with React Native]
고도, 속도 측정
안녕하세요러닝, 등산 등 활동 시 변경되는 고도, 속도를 측정할 수 있는 방법이 있는지 문의드립니다.
-
미해결배달앱 클론코딩 [with React Native]
Complete 화면에서 bottom tab bar를 숨길 수 있을까요?
안녕하세요! 제로초님!좋은 강의 감사합니다.제로초님의 강의를 듣고 개인 프로젝트를 진행하고 있던 중 궁금한 점이 있어 질문 드립니다 현재 Complete 구조에 해당하는 화면에서 하단 탭을 안보이게 하고 싶은데, 해결을 하지 못하여 질문을 드립니다. [ 공부한 내용]공식 문서에서는 특정 스크린에서 하단 탭을 숨기고 싶다면 구조를 변경하라고 말하고 있는데, 제가 원하는 방법은 아니어서 다른 방법을 찾아보았습니다.https://reactnavigation.org/docs/hiding-tabbar-in-screens tabBarvisible을 사용하면 tab안에 있는 stack에서 하단 탭을 안보이게 할 수 있다는 블로그도 많이 확인하였지만 공식문서에서 tabBarvisible을 더이상 지원하지 않는다고 하여 사용하지 않았습니다.https://reactnavigation.org/docs/upgrading-from-5.x 아래 블로그에서 React.useLayoutEffect를 사용해 컴포넌트에 접근하였을 때 화면 이름과 navigation.setOptions를 활용하여 하단 탭을 안보이게 하는 방법이 있다고 하여 적용해 보았으나 제 프로젝트에서는 동작하지 않았습니다.https://velog.io/@yejinleee/ReactNative-%EC%8A%A4%ED%83%9D%EB%82%B4%EB%B9%84%EA%B2%8C%EC%9D%B4%EC%85%98%EC%97%90%EC%84%9C-%ED%83%AD-%EB%B0%94-%EC%88%A8%EA%B8%B0%EA%B8%B0 혹시 Complete 화면에서 하단 바를 안보이게 하는 방법이 있을까요? 항상 좋은 답변을 해주셔서 감사합니다 : )
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Link 적용하기 관련 문의드립니다.
Link 수업 듣는 중에 아래 질문과 같이 동일한 문제가 발생했는데요(상품 클릭 시, 링크 변경은 되는데 페이지 이동이 안되는 현상)https://www.inflearn.com/questions/645148/link-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0-%EA%B4%80%EB%A0%A8%EC%A7%88%EB%AC%B8 질문 확인하고<React.StrictMode> 을 제거하기 전에는 상품카드를 클릭했을때 url만 변경되고 페이지가 새로고침되지 않았습니다.<React.StrictMode> 제거해야지만 클릭시 url변경 + 페이지 새로고침까지 되었습니다강의와 동일하게 작성하였는데 왜 <React.StrictMode> 제거 후 문제가 해결된걸까요?
-
해결됨배달앱 클론코딩 [with React Native]
이미지 합성방법
안녕하세요 제로초님혹시 reactnative에서 이미지 두개를 합성해서 한개의 이미지로 만드는방법이 있을까요??
-
미해결배달앱 클론코딩 [with React Native]
장소 검색 기능 구현을 하다가 난관에 봉착해, 조언을 요청드립니다.
질문 카테고리를 변경하다가 내용이 다 삭제되어 다시 질문을 올립니다ㅠㅠ우선 좋은 강의 만들어 주셔서 감사합니다!초보자임에도 불구하고 강의를 듣고 나서 앱을 만들 수 있겠다는 자신감을 얻어 앱을 만들던 중 난관에 봉착하여 질문을 드립니다. 만드려고 하는 기능은 다음과 같습니다.사용자가 장소를 검색.검색한 장소를 네이버 지도에서 마커로 표시해줌. 질문은 다음과 같습니다.장소 검색 기능을 추가하려고 합니다. 카카오 장소 검색 api를 사용하는 것이 제일 좋은 방법인지 궁금합니다.카카오 장소 검색 api는 웹뷰를 이용해야 하는 것 같은데 웹뷰 구동 방식이 제가 생각하는 방식이 맞는지 궁금합니다.reactnative에서 react 프로젝트 호출 -> react에서 카카오 장소 검색 api 호출 -> 카카오 api 응답 -> react에서 reactnative 프로젝트로 응답 전달 -> reactnative에서 응답을 받아서 사용 제가 알아본 과정은 다음과 같습니다.제로초님께서 react-native-naver-map 라이브러리는 장소 검색 기능이 없다는 것을 알게 되었습니다.장소 검색을 하기 위해서는 새로운 api를 사용해야 한 다는 것을 깨닫고, 네이버 장소 검색 api를 확인해본 결과, 네이버 장소 검색 api는 최대 5개의 결과값만 받을 수 있다는 것을 알게 되었습니다.응답을 5개만 받을 수 있다는 한계가 너무 명확하여, 대안을 찾던 도중 카카오 장소검색 api, 구글 장소 검색 api가 있는 것을 확인하였습니다.구글 장소 검색 api를 사용한 블로그 글이 꽤 있었지만 네이버 지도 + 구글 장소 검색 api 조합을 사용 할 거라면 차라리 구글 지도 + 구글 장소 검색 api 조합이 더 좋을 것 같다는 판단을 하였지만 네이버 지도를 사용하고 싶었기 때문에 최종적으로는 네이버 지도 + 카카오 api를 사용하려고 합니다.카카오 장소 검색 api를 사용하기 위해 카카오 장소 검색 안드로이드 api 공식 문서를 살펴본 결과, 내용이 자바 코드로 안내가 되어있었습니다.처음에는 자바 코드로 작성되어 있어서 어리둥절 하였지만 안드로이드는 자바 or 코틀린으로도 개발한다는 것을 알게 되었습니다. 몇몇 블로그를 살펴보니 reactnative에서 카카오 장소 검색 api를 사용할 때는 웹뷰를 사용한다는 사실을 알게 되었습니다.웹뷰를 사용한다면 리액트 프로젝트를 따로 만들고 구동해야 하는 것 같은데, 이게 최선의 방법인지 혼란스러워서 질문을 남기게 되었습니다.
-
미해결배달앱 클론코딩 [with React Native]
장소 검색 기능 구현을 하다가 난관에 봉착해, 조언을 요청드립니다.
[제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0c0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다.1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다.2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다.3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요.4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요.5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다.6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.
-
미해결배달앱 클론코딩 [with React Native]
PushNotification Foregroud 상태일때 Alert 띄우기
안녕하세요Background 상태일때 푸시 잘 받아지는 것 확인했습니다앱이 Foreground 상태일때 전체 푸시를 관리자에서 보내면 사용자 화면에서 '전체 공지가 있습니다' 등의 Alert을 띄우려고 합니다.도움 부탁드립니다.고맙습니다.
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
현재 강의 Express 프레임워크 사용하기 를 듣고 있는데요
이전 강의인 그랩 마켓 서버 구축하기 에서는 node_modules가 없었는데 이번 강의부터는 생성 되어있습니다.생성 과정을 건너뛰셨다면 어디서 확인할 수 있는지는 강의에 포함시켜주시는게 맞는거 같습니다.
-
해결됨배달앱 클론코딩 [with React Native]
`UpdatePropsManager` is not available on non-native platform. 오류입니다.
환경 운영체제 : win 10 react-native : 0.72.7node : 20.5.0안녕하세요현재 위 처럼 BottomSheetModal이 열려져 있는 상태에서 위치를 검색하세요 라는 view를 클릭할경우 아래 제출한 코드의 <Modal> 컴포넌트가 나오게 되있습니다. 하지만 아래의 오류를 현재 내고 있어 질문드리게 되었습니다.. bottom-sheet 라이브러리로 @gorhom/bottom-sheet - npm (npmjs.com) 위 링크를 사용하였습니다. 에러 로그 내용의 전체부분은 다음과 같습니다. debuggerWorker.js:69 Error: [Reanimated] UpdatePropsManager is not available on non-native platform. at Handler (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:123798:38) at BottomSheetDraggableViewComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:156784:33) at RCTView at http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:59381:44 at AnimatedComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:128894:38) at RCTView at http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:59381:44 at AnimatedComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:128894:38) at RCTView at http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:59381:44 at BottomSheetContainerComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:160869:32) at BottomSheetGestureHandlersProvider (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:160962:38) at BottomSheet (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:159277:74) at PortalHostComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:162079:21) at PortalProviderComponent (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:162134:34) at BottomSheetModalProviderWrapper (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:162297:25) at RNGestureHandlerRootView at GestureHandlerRootView at Map (http://10.0.2.2:8081/src\pages\map.bundle//&platform=android&app=com.nomans…d&modulesOnly=true&dev=true&minify=false&runModule=true&shallow=true:30:42) at StaticContainer (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:170212:18) at EnsureSingleNavigator (http://localhost:8081/index.bundle//&platform=android&dev=true&minify=false&app=com.nomansland&modulesOnly=false&runModule=true:166073:25) at SceneView (익명)@debuggerWorker.js:69-TypeError: $$REQUIRE(...) is not a functionThis error is located at: in PanGestureHandler (created by BottomSheetDraggableViewComponent) in BottomSheetDraggableViewComponent (created by BottomSheet) in RCTView (created by View) in View (created by AnimatedComponent(View)) in AnimatedComponent(View) in Unknown (created by BottomSheet) in RCTView (created by View) in View (created by AnimatedComponent(View)) in AnimatedComponent(View) in Unknown (created by BottomSheet) in RCTView (created by View) in View (created by BottomSheetContainerComponent) in BottomSheetContainerComponent (created by BottomSheet) in BottomSheetGestureHandlersProvider (created by BottomSheet) in BottomSheet (created by BottomSheet) in PortalHostComponent (created by PortalProviderComponent) in PortalProviderComponent (created by BottomSheetModalProviderWrapper) in BottomSheetModalProviderWrapper (created by Map) in RNGestureHandlerRootView (created by GestureHandlerRootView) in GestureHandlerRootView (created by Map) in Map (created by SceneView) in StaticContainer in EnsureSingleNavigator (created by SceneView) in SceneView (created by BottomTabView) in RCTView (created by View) in View (created by Screen) in RCTView (created by View) in View (created by Background) in Background (created by Screen) in Screen (created by BottomTabView) in RNSScreen in Unknown (created by InnerScreen) in Suspender (created by Freeze) in Suspense (created by Freeze) in Freeze (created by DelayedFreeze) in DelayedFreeze (created by InnerScreen) in InnerScreen (created by Screen) in Screen (created by MaybeScreen) in MaybeScreen (created by BottomTabView) in RNSScreenContainer (created by ScreenContainer) in ScreenContainer (created by MaybeScreenContainer) in MaybeScreenContainer (created by BottomTabView) in RNCSafeAreaProvider (created by SafeAreaProvider) in SafeAreaProvider (created by SafeAreaInsetsContext) in SafeAreaProviderCompat (created by BottomTabView) in BottomTabView (created by BottomTabNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by BottomTabNavigator) in BottomTabNavigator (created by App) in EnsureSingleNavigator in BaseNavigationContainer in ThemeProvider in NavigationContainerInner (created by App) in App in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in NoMansLand(RootComponent)------------------------------------------------------------------------------------------------- 아래 부분은 사용하였던 코드입니다.. 긴글 읽어주셔서 감사합니다.
-
해결됨배달앱 클론코딩 [with React Native]
Flipper Plugin 'Async Storage' is not supported by the selected application
안녕하세요 환경 -운영체제 : win10 -node버전 : 16.17.0-react-native 버전 : 0.66.5-에뮬레이터 : nexus5 , x86_64 , android13-flipper 버전 : 0.239.0Flipper의 Async Storage를 다운로드 후 추가를 하려는 도중 추가할 수 없는 Unavailable plugins에 있어서 질문드립니다.Async Storage가 Unavailable plugins안에 있어서 질문드립니다마우스를 올렸을 떄 아래와 같은 메세지를 주고 있습니다. Async Storage' is not available x86_64Plugin 'Async Storage' is not supported by the selected application 추가적으로 Flipper를 실행시켰을때 왼쪽 상단에 Flipper(0.239.0)(Unsuppoerted)가 발생하고 있습니다감사합니다.
-
미해결배달앱 클론코딩 [with React Native]
encrypted stroage 질문
안녕하세요 제로초님! https://github.com/emeraldsanto/react-native-encrypted-storage encrypted stroage 깃헙을 가보니 아카이브가 되어있어서 더이상 개발할게 없어서 중지한건지 아니면 다른 라이브러리로 이전한건지 잘 모르겠네요!? 혹시 encrypted stroage를 계속 사용해도 될까요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
expo-cil 설치
안녕하세요. 문의남깁니다.맥에서 expo-cil 설치가 안됩니다." zsh: command not found: npm " 요런 메세지가 나오는데 어떤 방법으로 진행해야하나요?
-
미해결틴더 파이어베이스 클론 | 리액트 네이티브
이미지 불러오기가 안되는데요...
tinder-mock.js에서 불러오는 이미지들이 전부 사라졌네요...This content is no longer available.없애면 안되는거 아닌가요.?
-
해결됨핸즈온 리액트 네이티브
실물 기기로 개발 시 안드로이드 스튜디오는 필요가 없는건가요?
안녕하세요, 개발환경 구성할 때 안드로이드 스튜디오를 같이 설치를 했는데요.만약 실물 기기를 이용하여 개발을 할 때는 안드로이드 스튜디오를 따로 설치해주지 않아도 상관이 없는걸까요?
-
미해결배달앱 클론코딩 [with React Native]
nmap 에뮬레이터 build 관련 오류입니다..
호스트 운영체제 : windowsreact-native 버전 : 0.64강의에 나온 대로 commit부분 참조해 패키지 변경도 하였으며 강의에서 추가적으로 말씀해주신 proguard부분도 변경하였습니다.-keep class com.nomansland.gchatproject.BuildConfig{*}; 위 부분이 제 코드에는 없었으나 추가하여 넣었습니다../gradlew clean && ./gradlew.bat 을 실행한 후 react-native run-android를 실행했으나.. 아래와 같은 오류가 계속발생하는데 해결을 못해 질문드리게 되었습니다..> GChatProject@0.0.1 android> react-native run-androidinfo Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag.Jetifier found 1134 file(s) to forward-jetify. Using 8 workers...info Starting JS server...info Launching emulator...error Failed to launch emulator. Reason: Emulator exited before boot..warn Please launch an emulator manually or connect a device. Otherwise app may fail to launch.info Installing the app...> Configure project :react-native-flipperWARNING:Software Components will not be created automatically for Maven publishing from Android Gradle Plugin 8.0. To opt-in to the future behavior, set the Gradle property android.disableAutomaticComponentCreation=true in the gradle.properties file or use the new publishing DSL.WARNING:The specified Android SDK Build Tools version (30.0.2) is ignored, as it is below the minimum supported version (30.0.3) for Android Gradle Plugin 7.4.2.Android SDK Build Tools 30.0.3 will be used.To suppress this warning, remove "buildToolsVersion '30.0.2'" from your build.gradle file, as each version of the Android Gradle Plugin now has a default version of the build tools.> Task :app:checkDebugAarMetadata FAILEDDeprecated Gradle features were used in this build, making it incompatible with Gradle 8.0.You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins.See https://docs.gradle.org/7.5/userguide/command_line_interface.html#sec:command_line_warnings10 actionable tasks: 2 executed, 8 up-to-dateFAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:checkDebugAarMetadata'.> Could not resolve all files for configuration ':app:debugRuntimeClasspath'.> Failed to transform react-native-0.71.0-rc.0-debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-aar-metadata, com.android.build.api.attributes.BuildTypeAttr=debug, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-runtime}.> Execution failed for JetifyTransform: C:\Users\asus\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar.> Java heap space* Try:> Run with --stacktrace option to get the stack trace.> Run with --info or --debug option to get more log output.> Run with --scan to get full insights.* Get more help at https://help.gradle.orgBUILD FAILED in 14serror Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup.Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':app:checkDebugAarMetadata'.> Could not resolve all files for configuration ':app:debugRuntimeClasspath'.> Failed to transform react-native-0.71.0-rc.0-debug.aar (com.facebook.react:react-native:0.71.0-rc.0) to match attributes {artifactType=android-aar-metadata, com.android.build.api.attributes.BuildTypeAttr=debug, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.libraryelements=aar, org.gradle.status=release, org.gradle.usage=java-runtime}.> Execution failed for JetifyTransform: C:\Users\asus\.gradle\caches\modules-2\files-2.1\com.facebook.react\react-native\0.71.0-rc.0\7a7f5a0af6ebd8eb94f7e5f7495e9d9684b4f543\react-native-0.71.0-rc.0-debug.aar.> Java heap space* Try:> Run with --stacktrace option to get the stack trace.> Run with --info or --debug option to get more log output.> Run with --scan to get full insights.* Get more help at https://help.gradle.orgBUILD FAILED in 14sat makeError (C:\Users\asus\GChatProject\node_modules\execa\index.js:174:9)at C:\Users\asus\GChatProject\node_modules\execa\index.js:278:16at processTicksAndRejections (node:internal/process/task_queues:96:5)at async runOnAllDevices (C:\Users\asus\GChatProject\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:109:5)at async Command.handleAction (C:\Users\asus\GChatProject\node_modules\@react-native-community\cli\build\index.js:192:9)info Run CLI with --verbose flag for more details.네이버맵에서 얻은 clientId도 넣었는데.. 혹시 제가 빼먹은게 있을까요.. <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.nomansland.gchatproject"> <uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.CAMERA"/> <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" /> <uses-permission android:name="android.permission.VIBRATE"/> <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" /> <application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="false" android:theme="@style/AppTheme"> <meta-data android:name="com.naver.maps.map.CLIENT_ID" android:value="{발급받은 ClientID}" /> <activity android:name=".MainActivity" android:label="@string/app_name"
-
해결됨배달앱 클론코딩 [with React Native]
안녕하세요 tab-view 설계관련 질문입니다.
안녕하세요 강의 잘보고 있습니다.강의를 참고하며 View를 구성하고 있습니다 . 현재 Tab view - group chat view -> bottomSheet View ..etc- calander view- config view 현재 Tab View를 통해 group chat view, calander ,config view등으로 이동할 수 있게 하고 각 tabview에서 돌아왔을 때 이전 상태 그대로 이도록 하고싶은데..(stack 처럼..) 혹시 방법이 없을까요..? 감사합니다..