묻고 답해요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결
expo 사진 불러오기 문제
안녕하세요 처음으로 질문글 작성합니다.현재 React-Native, Expo, TypeScript 환경에서 개발을 진행 중입니다.'expo-media-library' 를 사용하여 직접 갤러리를 구현했습니다.여기서 생기는 문제가 사용자가 사진 권한이 선택한 사진인 경우 이런 팝업을 노출하게 됩니다."사용자의 사진에 접근하려고 합니다." 라는 IOS 시스템 팝업에서"더 많은 사진 선택…"을 선택하여 추가적으로 사진을 선택 시 추가된 사진을 불러오고 싶습니다.현재 제 코드에서const requestMediaLibraryPermissions = async () => { const { status } = await MediaLibrary.requestPermissionsAsync(); if (status !== 'granted') { console.log('Media library permission denied'); Linking.openSettings(); return; } fetchPhotos(); }; useEffect(() => { requestMediaLibraryPermissions(); }, []); 이런 식으로 권한 확인 후 사진을 불러오고 있습니다.이러한 코드 때문에 처음에는 권한이 허용되어 있는 사진을 잘 불러오지만 IOS 시스템 팝업에서 "더 많은 사진 선택…"을 통해 선택된 사진은 불러오지 못 하고 있습니다.해결할 수 있는 방법 조언 주시면 감사하겠습니다.
-
미해결따라하며 배우는 리액트 네이티브 기초
BottomTabScreen 관련 질문입니다.
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import React from 'react'; import Home from './src/screens/Home'; import Search from './src/screens/Search'; import Profile from './src/screens/Profile'; import Activity from './src/screens/Activity'; import {NavigationContainer} from '@react-navigation/native'; import Status from './src/screens/Status'; import FriendProfile from './src/screens/FriendProfile'; import EditProfile from './src/screens/EditProfile'; const App = () => { const Stack = createNativeStackNavigator(); const Tab = createBottomTabNavigator(); const BottomTabScreen = () => { return ( <Tab.Navigator screenOptions={() => ({ tabBarHideOnKeyboard: true, // tabBarShowLabel: false, headerShown: false, tabBarStyle: { height: 70, }, })}> <Tab.Screen name="Home" component={Home} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Activity" component={Activity} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ); }; return ( <NavigationContainer> <Stack.Navigator screenOptions={{headerShown: false}}> <Stack.Screen name="Bottom" component={BottomTabScreen} /> <Stack.Screen name="Status" component={Status} /> <Stack.Screen name="FriendProfile" component={FriendProfile} /> <Stack.Screen name="EditProfile" component={EditProfile} /> </Stack.Navigator> </NavigationContainer> ); }; export default App; 강의 내용과 같이 App 컴포넌트 안에서BottomTabScreen 컴포넌트를 선언하면 "Do not define components during render." 라는경고문이 뜹니다. 그래서 아래와 같이 코드를 수정하였는데App 컴포넌트 바깥에서 이렇게 선언해도 문제가 없는건가요?import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; import {createNativeStackNavigator} from '@react-navigation/native-stack'; import React from 'react'; import Home from './src/screens/Home'; import Search from './src/screens/Search'; import Profile from './src/screens/Profile'; import Activity from './src/screens/Activity'; import {NavigationContainer} from '@react-navigation/native'; import Status from './src/screens/Status'; import FriendProfile from './src/screens/FriendProfile'; import EditProfile from './src/screens/EditProfile'; const Stack = createNativeStackNavigator(); const Tab = createBottomTabNavigator(); const BottomTabScreen = () => { return ( <Tab.Navigator screenOptions={() => ({ tabBarHideOnKeyboard: true, // tabBarShowLabel: false, headerShown: false, tabBarStyle: { height: 70, }, })}> <Tab.Screen name="Home" component={Home} /> <Tab.Screen name="Search" component={Search} /> <Tab.Screen name="Activity" component={Activity} /> <Tab.Screen name="Profile" component={Profile} /> </Tab.Navigator> ); }; const App = () => { return ( <NavigationContainer> <Stack.Navigator screenOptions={{headerShown: false}}> <Stack.Screen name="Bottom" component={BottomTabScreen} /> <Stack.Screen name="Status" component={Status} /> <Stack.Screen name="FriendProfile" component={FriendProfile} /> <Stack.Screen name="EditProfile" component={EditProfile} /> </Stack.Navigator> </NavigationContainer> ); }; export default App;
-
미해결틴더 파이어베이스 클론 | 리액트 네이티브
이미지 불러오기 안됨
이 부분에 소스를 읽을 수 없는 것 같습니다. discode로 된 다른곳도 마찬가지로 불러오기가 안됩니다. source={{ uri: mock.user.photoURL }} "https://cdn.discordapp.com/attachments/1073889482341875812/1074253729219481690/DALLE_2023-02-11_16.03.49_-_simple_computer_in_90s_modern_art_in_dark_theme.png",
-
미해결배달앱 클론코딩 [with React Native]
Ios 네이버맵 세팅 강의 화면들이 끊기는 것 같은데 저만 그런까요?
강의가 중간중간 멈춰있는 느낌이 있는데 저만 그런가요ㅜㅜ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Fly.io 만들시 도커 파일이 있어야 하나요?(error)
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.fly launch 을 하고나서 선생님처럼 docker 파일들이 생기지 않았고 , DataBase 관련 된 질문에 No 를 하고 나서 Error: open Dockerfile : The system cannot find the file specified. 라는 에러가 발생하였습니다. 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
node가 제대로 실행되지 않습니다
nodejs의 파일 위치가 cmd와 동일하고 node.js 다운도 모두 끝마쳤는데 cmd에서 파일을 불러올 수 없고 터미널에서도 오류가 납니다 어떤 부분이 문제인 걸까요?
-
미해결배달앱 클론코딩 [with React Native]
아카이브 중
안녕하세요 제로초님 아카이브중에 이에러가 떠서Multiple commands produce '/Users/js/Library/Developer/Xcode/DerivedData/FoodDeliveryApp-hizgjtktrbbtxygltyjrhnhuhijf/Build/Intermediates.noindex/ArchiveIntermediates/FoodDeliveryApp/IntermediateBuildFilesPath/UninstalledProducts/iphoneos/AccessibilityResources.bundle' 구글링했는데 이경로의중복파일 삭제하라고 나와있습니다근데 잘못찾을꺼같아서 질문 남깁니다막 삭제하다가는 망할꺼같아서...
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
console.log 와 return 에 따라 다른 결과
map 사용 시 3번의 console.log 와 return의 사용이나 순서에 따라 결과가 다르게 나오는데요 이 이유가 궁금합니다
-
미해결배달앱 클론코딩 [with React Native]
배포하기전에
마지막 배포단계까지왔는데빌드까지 에러 없이 진행했는데 코드푸쉬 설정하고 마지막테스트를 할려고 아이폰으로 빌드했는데 스플레쉬 화면이 꺼지지가 않네요Unable to symbolicate stack trace: The stack is null Error: Unable to resolve module ./Libraries/Components/DatePicker/DatePickerIOS from /Users/js/Delivery/node_modules/react-native/index.js: None of these files exist: * node_modules/react-native/Libraries/Components/DatePicker/DatePickerIOS(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx) * node_modules/react-native/Libraries/Components/DatePicker/DatePickerIOS/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx) 15 | import typeof ActivityIndicator from './Libraries/Components/ActivityIndicator/ActivityIndicator'; 16 | import typeof Button from './Libraries/Components/Button'; > 17 | import typeof DatePickerIOS from './Libraries/Components/DatePicker/DatePickerIOS'; | ^ 18 | import typeof DrawerLayoutAndroid from './Libraries/Components/DrawerAndroid/DrawerLayoutAndroid'; 19 | import typeof FlatList from './Libraries/Lists/FlatList'; 20 | import typeof Image from './Libraries/Image/Image'; at ModuleResolver.resolveDependency (/Users/js/Delivery/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:107:15) at DependencyGraph.resolveDependency (/Users/js/Delivery/node_modules/metro/src/node-haste/DependencyGraph.js:288:43) at Object.resolve (/Users/js/Delivery/node_modules/metro/src/lib/transformHelpers.js:129:24) at resolve (/Users/js/Delivery/node_modules/metro/src/DeltaBundler/traverseDependencies.js:396:33) at /Users/js/Delivery/node_modules/metro/src/DeltaBundler/traverseDependencies.js:412:26 at Array.reduce (<anonymous>) at resolveDependencies (/Users/js/Delivery/node_modules/metro/src/DeltaBundler/traverseDependencies.js:411:33) at processModule (/Users/js/Delivery/node_modules/metro/src/DeltaBundler/traverseDependencies.js:140:31) at async addDependency (/Users/js/Delivery/node_modules/metro/src/DeltaBundler/traverseDependencies.js:230:18) at async Promise.all (index 0) 메트로에는 이것만 뜹니다. 서버는 켜둔상태입니다!appinner에 hide도 해주었습니다 useEffect(() => { const getTokenAndRefresh = async () => { try { const token = await EncryptedStorage.getItem("refreshToken"); if (!token) { SplashScreen.hide(); return; } const response = await axios.post( `${Config.API_URL}/refreshToken`, {}, { headers: { authorization: `Bearer ${token}`, }, } ); dispatch( userSlice.actions.setUser({ name: response.data.data.name, email: response.data.data.email, accessToken: response.data.data.accessToken, }) ); } catch (error) { console.error(error); if ((error as AxiosError).response?.data.code === "expired") { Alert.alert("알림", "다시 로그인 해주세요."); } } finally { SplashScreen.hide(); } }; getTokenAndRefresh(); }, [dispatch]);
-
미해결배달앱 클론코딩 [with React Native]
(맥설정)코드푸쉬 설정하기 강의중
저 같은 경우에 npm run appcenter-ios-key하면이 에러가 나왔는데 appcenter login 먼저 하면 브라우저창이 하나 더 뜨면서 액세스키가 나온것을 터미널 창에 입력하는곳에 붙여넣기 하고 진행한다음에 npm run appcenter-ios-key 를 하면 키값이 나왔습니다! 그리고 마지막에 제로초님 codepush:ios 명령어 치고 성공해도 브라우저에 안떠서 브라우저에 떠있는 명령어로 치니까 브라우저에 나타났습니다!
-
미해결배달앱 클론코딩 [with React Native]
안드로이드 FCM설정하기 중
안녕하세요 제로초님 강의대로 따라하다가 안드로이드에서 이런 에러가 떴는데 구글링해도 해결이 안되서 질문으로 남깁니다Multiple build operations failed. Null extracted folder for artifact: ResolvedArtifact(componentIdentifier=com.facebook.react:react-native:0.71.0-rc.0, variantName=null, artifactFile=/Users/js/.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, extractedFolder=null, dependencyType=ANDROID, isWrappedModule=false, buildMapping={__current_build__=/Users/js/Delivery/android}, mavenCoordinatesCache=com.android.build.gradle.internal.ide.dependencies.MavenCoordinatesCacheBuildService$Inject@679342af) Null extracted folder for artifact: ResolvedArtifact(componentIdentifier=com.facebook.react:react-native:0.71.0-rc.0, variantName=null, artifactFile=/Users/js/.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, extractedFolder=null, dependencyType=ANDROID, isWrappedModule=false, buildMapping={__current_build__=/Users/js/Delivery/android}, mavenCoordinatesCache=com.android.build.gradle.internal.ide.dependencies.MavenCoordinatesCacheBuildService$Inject@679342af) Null extracted folder for artifact: ResolvedArtifact(componentIdentifier=com.facebook.react:react-native:0.71.0-rc.0, variantName=null, artifactFile=/Users/js/.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, extractedFolder=null, dependencyType=ANDROID, isWrappedModule=false, buildMapping={__current_build__=/Users/js/Delivery/android}, mavenCoordinatesCache=com.android.build.gradle.internal.ide.dependencies.MavenCoordinatesCacheBuildService$Inject@679342af) Null extracted folder for artifact: ResolvedArtifact(componentIdentifier=com.facebook.react:react-native:0.71.0-rc.0, variantName=null, artifactFile=/Users/js/.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, extractedFolder=null, dependencyType=ANDROID, isWrappedModule=false, buildMapping={__current_build__=/Users/js/Delivery/android}, mavenCoordinatesCache=com.android.build.gradle.internal.ide.dependencies.MavenCoordinatesCacheBuildService$Inject@679342af)
-
미해결따라하며 배우는 리액트 네이티브 기초
할 일을 작성해 주세요 inputForm 클릭 시 아이폰만 키보드가 안나오는데 어떻게 해야하죠?
코드가 선생님이랑 똑같은거 같은데 아이폰만 키보드가 안나옵니다ㅠㅠ
-
미해결배달앱 클론코딩 [with React Native]
xcode 에 push Notification
안녕하세요 제로초님 xcode에 백그라운드모드는 있는데 push Notification 항목이 없습니다
-
미해결배달앱 클론코딩 [with React Native]
아이폰에서 티맵열기
안녕하세요 제로초님아이폰14프로를 연결해서 하고있는데 티맵이 설치가 안되어 있다고 알림창이 계속 뜹니다에러는 -canOpenURL: failed for URL: "tmap:" - error: "This app is not allowed to query for scheme tmap" [javascript] 'TMap callback', false이렇게 뜹니다다른분 질문보고 info.plist에서 <array><string>tmap</string></array>까지 하고 xcode는 어디에서 설정을 해주어야하는지 모르겠습니다
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
data가 이상하게 나옵니다
저는 그랩 님처럼 개발자 도구에서 data가 깔끔하게 정리 돼서 나오지 않습니다 어떤 부분이 잘못된 걸까요?
-
미해결배달앱 클론코딩 [with React Native]
앱아이콘
안녕하세요 제로초님 앱아이콘을 다운받는게 아니라 가지고 있는 이미지를 활용해서 생성하는건가요?
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
error 가 발생합니다
저는 콘솔 창에서 함수가 안 나오고 에러가 나오는데 어떤 부분이 문제인 건가요?
-
미해결배달앱 클론코딩 [with React Native]
메트로서버하고 에뮬레이터
안녕하세요 제로초님npm run android로 실행하면 앱은 켜지는데메트로서버하고 에뮬레이터가 연동이 안되어있습니다ios는 연동이 잘되는데 안드로이드만 안되어있습니다구글링해서 해본것은 adb devices하고 adb -s 디바이스명 reverse tcp:8081 tcp:8081까지 해봤습니다
-
미해결배달앱 클론코딩 [with React Native]
git에 올리려는데 git lfs로 해도 용량 초과 에러 뜹니다
안녕하세요 제로초님 제가 이 프로젝트를 git에 올리려니까 용량 초과한다고해서homebrew install git-lfs를 한뒤 해당 프로젝트에서git-lfs install을 하고 올려도 용량을 초과했다고 에러가 뜹니다 현재 구글링해서 찾아보면서 해보고있는데 안되고 있네요 ㅠㅠ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
이미지가 안나옵니다
어디가 잘못 돼서 사진이 안 나오는 건지 모르겠습니다