묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결배달앱 클론코딩 [with React Native]
SK open API홈페이지 리뉴얼 후 sdk 받는 경로를 못찾겠습니다ㅜ
SK open API홈페이지 리뉴얼 후 sdk 받는 경로를 못찾겠습니다ㅜ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
결과값이 한개만 나오는것 관련 문의
안녕하세요 그랩님! 처음 질문드려봅니다ㅜㅜ혹시 하기와 같이 코드를 작성했는데 결과값이 계속 농구공 배열 한개로만 나와서.. 다른분들 질문해주신 부분을 살펴봐도 동일한 질문이 없어 문의드립니다! 어떤부분 수정이 필요할지 피드백 부탁드려도 될까요ㅠㅠ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
sqlite 데이터 삭제가 안됩니다...ㅠ
강의에서는 레코드삭제 버튼이 생겨서 데이터를 지울 수 있었는데, 제가 할 때는 생성되지 않아 지울 수가 없었습니다.SQL 실행에서 명령어를 넣어보려 해도 에러가 뜹니다. 어떻게 하면 데이터를 지울 수 있나요?
-
미해결핸즈온 리액트 네이티브
nanoid 생성 에러
안녕하세요? nanoid를 생성할 때 에러가 발생합니다.import "react-native-get-random-values"; import { nanoid } from "nanoid";를 이용하여 nanoid를 생성할 때 1번째 까지는 정상적으로 생성되나 2번째부터const id = nanoid();위의 생성 부분에서 ERROR TypeError: undefined is not a function, js engine: hermes 에러가 발생합니다.대신 나노id를 non-secure로 생성하면 계속해서 생성해도 문제 없이 생성됩니다. 버전은 아래와 같습니다만 react-native-get-random-values는 1.9.0 버전으로변경해도 동일한 문제가 발생합니다.버전 정보 "dependencies": { "@react-navigation/native": "^6.1.6", "@react-navigation/native-stack": "^6.9.12", "expo": "~48.0.15", "expo-status-bar": "~1.4.4", "expo-updates": "~0.16.4", "nanoid": "^4.0.2", "prop-types": "^15.8.1", "react": "18.2.0", "react-native": "0.71.8", "react-native-get-random-values": "~1.8.0", "react-native-safe-area-context": "4.5.0", "react-native-screens": "~3.20.0" },이 문제가 반드시 짚고 넘어가야하는 부분인가요? 별로 중요하지 않으면 그냥 비보안 모드나 uuid를 사용하는걸로 넘어가고싶은데 답변 부탁드립니다.감사합니다.
-
미해결
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]
앱아이콘
안녕하세요 제로초님 앱아이콘을 다운받는게 아니라 가지고 있는 이미지를 활용해서 생성하는건가요?