묻고 답해요
161만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결배달앱 클론코딩 [with React Native]
앱 심사 제출 시 '의심스러운 로그인 시도' 문제
안녕하세요.강의 잘 듣고 앱을 만들어서 심사까지 제출해봤는데요,앱 심사 시 앱 기능들을 테스트를 해볼 수 있는 아이디와 비밀번호를 제출해야해서구글 아이디와 비밀번호를 제출했습니다.(제가 만든 앱은 현재 구글 OAuth 로그인만 지원됩니다.) 심사 결과로 '의심스러운 로그인 시도로 분류되어 로그인할 수 없으니 다른 방법으로 다시 제출해라'라고 왔는데, 이런 상황에서는 어떻게 하나요?참고로 2차 인증도 설정이 안 되어 있는 계정인데 로그인 위치가 말레이시아라서 로그인이 막힌거 같습니다ㅜ
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
에러는 안나는데 그림이 안뜹니다
그랩마켓 자바스크립트 적용하기 -2 편에서 다 되는데 농구공 그림이 안떠요 <html> <head> <title>그랩마켓</title> <link href="index.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="header"> <div id="header-area"> <img src="images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="images/banners/banner1.png"> </div> <h1>판매되는 상품들</h1> <div id="product-list"> </div> </div> <div id="footer"></div> </body> <script> var product = [{ name : '농구공', price : 10000, seller : '조던', imagUrl : '/images/products/basketball1.jpeg' },{ name : '축구공', price : 50000, seller : '메시', ImageUrl : '/images/prodocts/soccerball1.jpg' },{ name : '키보드', price : 10000, seller :'그랩', ImageUrl : '/images/prodocts/keyboard.jpg' }]; document.querySelector("#product-list").innerHTML = '<div class="product-card>'+ "<div>" + '<img class="product-img" src="images/products/basketball1.jpeg" />' + "</div>" + '<div class="product-contents">' + '<span class="product-name">농구공 1호</span>' + '<span class="product-price">50000원</span>' + '<div class="product-seller">' + '<img class="product-avatar" src="images/icons/avatar.png" />'+ "<span>그랩</span>" + "</div>" + "</div>" + "</div>" </script> </html>
-
미해결배달앱 클론코딩 [with React Native]
안녕하세요 react native expo 관련 강의는 하실 생각 없으실까요?
안녕하세요, cli강의에서 react native expo를 사용하지 않는 이유로네이티브 라이브러리와의 호환성 문제를 꼽으셨는데 최근 prebuild 기능을 사용하면expo에서도 네이티브 라이브러리를 가져다 쓸 수 있게 업데이트가 되었고expo의 최적화 문제도 어느정도 해결이 되었다는 소식을 들어서, 혹시 expo 관련 강의는 해보실 생각이 없을까 싶어 여쭙습니다. 특히 expo가 최근에 업데이트하면서 많이 바뀌었는데 최신버전 강의 영상이 아예 없더라고요.. 그래서 혹시 여전히 expo는 업데이트가 되었어도 실무에서 사용할 수 없다고 생각하시는건지 궁금합니다
-
미해결따라하며 배우는 리액트 네이티브 기초
Remote notification 강의는 없을까요?
Remote notification 관련 내용은 안올라올까요?? ios local notification 강의에서 remote 강의가 나온다고 하셨는데 async storage 강의가 나와서요.
-
미해결처음 배우는 리액트 네이티브
선생님 도와주세요 ㅠㅠ (로그인, 회원가입, 콘솔 에러)
3가지의 문제가 있습니다 ㅎㅎ..섹션 9. 기능 구현 - 회원가입 에서 다 잘됐는데, 회원가입의 Input 값을 모두 입력한 후 Sign up 버튼을 누르면 어플이 꺼집니다. 파이어베이스에 회원 데이터는 잘 들어와있습니다.섹션 10. 인증과 화면전환에서 src\navigations\index.js 중 <NavigationContainer>{user.uid ? <Main /> : <Auth />}</NavigationContainer> 해당 코드를 입력하고 로그인을 시도하니 Render Error가 뜹니다 ㅠㅠ.. 이건 에러가 아니고 경고인데, 어느 순간부터 프로젝트를 실행시키면 콘솔 워닝이 뜹니다. 코딩하는데 불편은 없지만 해결할 수 있으면 해결하고 싶어요..소스코드 주소 : https://github.com/jeong0903/RN-chatting.git 답변 기다리겠습니다 ㅜㅜ!!
-
미해결배달앱 클론코딩 [with React Native]
No APNS token specified before fetching FCM Token
현재 실제 ios 기기에서 테스트 중입니다.2일 전에 푸시 알림 기능 구현 후 푸시 알림이 잘 오는 것 까지 모두 확인했습니다.이후 스플래시 화면 포함한 몇 가지 기능 구현 후 배포 전에 다시 푸시 알림 기능을 다시 테스트해봤는데No APNS token specified before fetching FCM Token이라는 에러가 뜹니다.혹시 어디서 잘못됐는지 알 수 있을까요?
-
해결됨배달앱 클론코딩 [with React Native]
[푸시알림] onRegister에서 생성한 토큰과 messaging.getToken에서 생성한 토큰 차이점
제공해주신 코드에서 보면 토큰이 두 종류가 있습니다.// 1번째 토큰 PushNotification.configure( onRegister: function (token: any) { console.log(token); } // ... ) // 2번째 토큰 const token = messaging().getToken();두 토큰 값이 다르던데, 둘 중 아무거나 서버에 보내줘도 되는건가요?
-
해결됨배달앱 클론코딩 [with React Native]
React-Native 신규 강의 계획 있으시나요!!
안녕하세요 제로초 선생님국내 잘 없는 리액트 네이티브 강좌의 한줄기 빛 같은 소중한 강의 정말 감사하게 잘 듣고 있습니다! 리액트 네이티브 신규 강의 계획이 있으신 지 궁금합니다!아직 기존 강의도 이제 시작했지만, 신규 강의를 희망하는 마음에 글 작성해봅니다 ㅎㅎ 본질과 원리 이해의 중요성을 일깨워 주시는 강의에 진심으로 감사합니다.프로그래밍 강의를 해주셔서 정말 감사합니다.남은 올해 마무리 잘 되시길 바라며, 내년에도 좋은 일 가득하시길 바랍니다 😊
-
미해결따라하며 배우는 리액트 네이티브 기초
안녕하세요
지금 강의를 듣고있는데 섹션5 [React Nagivation을 이용해서 라우팅 구현하기] 여기에서 IOS로만 하시는데 윈도우에서 안드로이드로 강의를 따라가고 있는 입장에서는 어떻게 해야하는 걸까요? 제가 expo 부분부터 widow- android studio로만 강의를 따라왔었는데 expo 에서 window - IOS 로도 개발을 따라 했었어야 했을까요?ㅜ Android Studio로는 실행을 어떻게 해야할지 안내가 안되어 있어서 막막해서요 제가 뭘 놓친건지 헷갈리네요 갑자기ㅠㅠ
-
미해결핸즈온 리액트 네이티브
에뮬레이터가 안켜지는데 없이 강의를 진행해도 되나요?
에뮬레이터가 안켜지는데 에뮬레이터없이 강의를 진행해도될까요? expo go 어플을 통해서 휴대폰과 연결은 되어있습니다. 현재 리액트네이티브 페이지에서 설명하는 버전을 설치하고 실행을 해봤고 강의내용과같은 버전에서 실행을 해봤으나 에뮬레이터가 실행되다가 꺼지거나 Android Emulator closed unexpectedly 이런문구가 뜨던가, 실행이 되어있다가 npx expo 를 실행해서 안드로이드를 연결하려고 하면 꺼지고 있습니다. 문제점을 검색해봤을때 저장공간이 부족할때도 있다고 하던데 2GB정도만 있어도 괜찮다고하여 문제는 아닌것같고, 환경변수를 찾아보았지만 sdk manager의 주소와 일치하였습니다, 또 system image를 확인해서 강의내용과 똑같이 설치했음을 확인했습니다. 이 과정을 버전을 다를때 두번다 체크했습니다.
-
미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
VIsual studio code 에서 react-native run-android 실행시 오류
다음과 같이 오류가 나옵니다.안드로이드 에뮬레이터는 실행되지만 APP.js에서 작성한 코드를 띄우려 시도 불가입니다.FAILURE: Build failed with an exception.* What went wrong:Could not initialize class org.codehaus.groovy.runtime.InvokerHelper> Exception java.lang.NoClassDefFoundError: Could not initialize class org.codehaus.groovy.reflection.ReflectionCache [in thread "Daemon worker"]* 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 4serror Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/getting-started.html#android-development-environment. Run CLI with --verbose flag for more details.Error: Command failed: gradlew.bat app:installDebug -PreactNativeDevServerPort=8081FAILURE: Build failed with an exception.* What went wrong:Could not initialize class org.codehaus.groovy.runtime.InvokerHelper> Exception java.lang.NoClassDefFoundError: Could not initialize class org.codehaus.groovy.reflection.ReflectionCache [in thread "Daemon worker"]* 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 4sat checkExecSyncError (child_process.js:616:11)at execFileSync (child_process.js:634:13)at runOnAllDevices (C:\Users\82107\kkk\my_first_app\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:94:39)at process._tickCallback (internal/process/next_tick.js:68:7)
-
미해결핸즈온 리액트 네이티브
expo프로젝트 생성후 연결하는과정
주소가 다르다, 로그인을 해야한다 등등 여러가지 해결방법을 찾아 해보았지만 여전히 문제가 해결되고 있지 않아서 질문드립니다.주소가 다르다해서 ip주소 끝자리를 다시맞춰보는 방법을 해보았고, expo에서 가입한 아이디로 로그인을 하는방법도 해보았으며 현재상태는처음엔 Uncaught Error: .java.net.SocketTimeoutException: failed to connect to /192.168.233.120(port(8081) from /192.168.233.122(port 50322) after 1000 ms이런식으로 ip주소의 끝자리만 다르게 문제가 발생하였지만 이후엔 연결표시만 계속 뜨고있습니다.무슨문제인지 정확히 해결방법을 모르겠어서 질문드립니다.
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
expo 시작 오류
expo를 global로 설치하고 init까지 한 후npm start를 했을 때 일단 아래처럼 에러가 발생합니다.Unable to find expo in this project - have you run yarn / npm install yet?-> 이건 npm install을 해서 해결 했습니다. 그런데 그 후에도 또 아래와 같은 에러가 발생합니다.PS D:\Programming\study\Inflearn\FullStack\project\grab-market-mobile> npm start> grab-market-mobile@1.0.0 start> expo startStarting project at D:\Programming\study\Inflearn\FullStack\project\grab-market-mobileStarting Metro BundlerFetchError: request to https://api.expo.dev/v2/sdks/49.0.0/native-modules failed, reason: self signed certificate in certificate chainFetchError: request to https://api.expo.dev/v2/sdks/49.0.0/native-modules failed, reason: self signed certificate in certificate chain at ClientRequest.<anonymous> (D:\Programming\study\Inflearn\FullStack\project\grab-market-mobile\node_modules\node-fetch\lib\index.js:1501:11) at ClientRequest.emit (node:events:513:28) at TLSSocket.socketErrorListener (node:_http_client:494:9) at TLSSocket.emit (node:events:513:28) at emitErrorNT (node:internal/streams/destroy:157:8) at emitErrorCloseNT (node:internal/streams/destroy:122:3) at processTicksAndRejections (node:internal/process/task_queues:83:21)이건 어떻게 해결해야 하나요?
-
미해결배달앱 클론코딩 [with React Native]
api 서버 호출이 안됩니다
안녕하세요api 서버 호출이 안됩니다api 서버 연결까지는 되는데 호출에서 문제가 있습니다post가 안되는건가 싶어서 get으로 바꾸고 직설적으로 json 호출만 해보려고해도 안됩니다.. get으로 바꾸고 아예 주소에서 http://IP주소:3105/user 찍어봐도요런화면뿐... 서버쪽 파일은 강사님이 주신 폴더 그대로 받아서 설치했습니다폴더 위치는 root > back 이렇게 들어있는데 폴더 위치가 문제인걸까요.. axios 문제는 아닌게 다른 open api 호출은 잘만됩니다
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
width must be speified for horizontal carousels 오류
안녕하세요.react-native-reanimated-carousel 사용 시,carousel의 prop으로 width를 정의했는데도,제목 처럼 "width must be speified for horizontal carousels" 오류가 발생합니다.어떻게 해결할 수 있을까요?? 강의 클론코딩 했는데, 위 오류에 앞서 "PanGestureHandler must be used as a descendant of GestureHandlerRootView" 오류가 발생했었는데, 인터넷 검색 결과로 <SafeAreaView> 바깥에 <GestureHandlerRootView> 선언하여 해결했는데, 이 영향도 일까요?? 코드 첨부합니다.import { StatusBar } from "expo-status-bar"; import { API_URL } from "./config/constant"; import avatarImg from "./assets/icons/avatar.png"; import React from "react"; import { StyleSheet, Text, View, Image, ScrollView, Dimensions, TouchableOpacity, Alert, SafeAreaView, } from "react-native"; import Carousel from "react-native-reanimated-carousel"; import { GestureHandlerRootView } from "react-native-gesture-handler"; import axios from "axios"; import dayjs from "dayjs"; import relativeTime from "dayjs/plugin/relativeTime"; import "dayjs/locale/ko"; dayjs.extend(relativeTime); dayjs.locale("ko"); export default function App() { const [products, setProducts] = React.useState([]); const [banners, setBanners] = React.useState([]); React.useEffect(() => { axios .get(`${API_URL}/products`) .then(function (result) { const products = result.data.products; setProducts(products); }) .catch(function (error) {}); axios .get(`${API_URL}/banners`) .then(function (result) { const banners = result.data.banners; setBanners(banners); }) .catch(function (error) {}); }, []); return ( <GestureHandlerRootView> <SafeAreaView style={styles.safeAreaView}> <View style={styles.container}> <ScrollView> <Carousel> data={banners} width={Dimensions.get("window").width} height={200} autoPlay={true} sliderWidth={Dimensions.get("window").width} itemWidth={Dimensions.get("window").width} itemHeight={200} renderItem= {(obj) => { retrun( <TouchableOpacity onPress={() => { Alert.alert("배너 클릭"); }} > <Image style={styles.bannerImage} source={{ uri: `${API_URL}/${obj.item.img_url}` }} /> </TouchableOpacity> ); }} </Carousel> <Text style={styles.headline}>판매되는 상품들</Text> <View style={styles.productList}> {products.map((product, index) => { return ( <View key={index} style={styles.productCard}> {product.status === "02" && ( <View style={styles.productBlur} /> )} <View> <Image style={styles.productImg} source={{ uri: `${API_URL}/${product.img_url}`, }} resizeMode={"contain"} /> </View> <View style={styles.productContents}> <Text style={styles.productName}>{product.name}</Text> <Text style={styles.productPrice}>{product.price}원</Text> <View style={styles.productFooter}> <View style={styles.productSeller}> <Image style={styles.productAvatar} source={avatarImg} /> <Text style={styles.productSellerName}> {product.seller} </Text> </View> <Text style={styles.productDate}> {dayjs(product.created_at).fromNow()} </Text> </View> </View> </View> ); })} </View> </ScrollView> </View> </SafeAreaView> </GestureHandlerRootView> ); } const styles = StyleSheet.create({ headline: { fontSize: 24, fontWeight: "800", marginTop: 10, marginBottom: 10, }, container: { flex: 1, backgroundColor: "#fff", paddingTop: 32, margin: 10, }, productCard: { width: "100%", borderColor: "rgb(230,230,230)", borderWidth: 1, borderRadius: 16, backgroundColor: "white", marginBottom: 10, }, productBlur: { position: "absolute", top: 0, bottom: 0, right: 0, left: 0, backgroundColor: "#ffffffaa", zIndex: 999, }, productImg: { width: "100%", height: 210, }, productContents: { padding: 8, }, productSeller: { flexDirection: "row", }, productAvatar: { width: 24, height: 24, }, productFooter: { flexDirection: "row", justifyContent: "space-between", alignItems: "center", marginTop: 12, }, productName: { fontSize: 14, }, productPrice: { fontSize: 16, fontWeight: "600", marginTop: 8, }, productSellerName: { fontSize: 14, }, productDate: { fontSize: 14, }, productList: { alignItems: "center", }, bannerImage: { width: "100%", height: 200, }, safeAreaView: { flex: 1, backgroundColor: "#fff", }, });
-
미해결배달앱 클론코딩 [with React Native]
ReferenceError: Property 'WeakRef' doesn't exist, js engine: hermes 에러 문제
npm run android 명령어 통해서 실행 할때 2가지 에러가 발생합니다. ERROR ReferenceError: Property 'WeakRef' doesn't exist, js engine: hermes LOG Running "FoodDeliveryApp" with {"rootTag":11} ERROR Invariant Violation: "FoodDeliveryApp" has not been registered. This can happen if:* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.* A module failed to load due to an error and AppRegistry.registerComponent wasn't called., js engine: hermes구글링 했을 때 나오는 자료가 거의 없고 gpt로 찾아본 방법들로 버전 확인하거나 업데이트 시키는 명령어도 잘 실행되지 않고 hermesEnabled=false 로 설정하고 실행도 해봤는데 hermes 부분만 사라지고 에러가 똑같이 발생합니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
반복문 i 질문
for(var i = 0; i < names.length; i++) { var name = names[i] console.log(name); }에서 var name = names[i] 에서 i가 0 임으로 0 값부터 시작한다고 이해 했는데 i 가 아니라 1 을 넣으니까 철수만 3번 반복 되더라구요 i를 넣음으로써 어떻게 순차적으로 진행되는건지 궁금합니다
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
함수 리턴중에 질문
function calculate(x) { var result = 3*x+5; return result; }라고 입력후 var result1 = calculate(1); 이 어떻게 동작 하는 건가요 ? 괄호를 닫았음에도 아직 저 위에 함수 블록에서 작업 중인 걸로 되는 건가요?
-
미해결배달앱 클론코딩 [with React Native]
xcode archive 오류
안녕하세요yarn ios 실행 시 simulator 는 문제없이 실행되고 있습니다. xcode 에서 archive 실행 시 Undefined symbol: OBJCCLASS_$_FlipperClient위 오류가 발생하고 있습니다. react-native : 0.72.7react-native-flipper : 0.212.0위 버전 사용 중입니다 답변주시면 고맙겠습니다
-
미해결배달앱 클론코딩 [with React Native]
code push appcenter와 firebase distribution에 대한 질문입니다.
강의를 들으면서 개발 하고 있는 app을 사내 테스트를 위해 firebase distribution에 빌드한거 올려서 테스트 설치를 활용했습니다.그런데 코드푸시를 들으면서 따라 했는데요. appcenter에yarn codepush:android 실행까지 성공했습니다.그러면서 드는 의문점이 있습니다.기존의 firebase 테스트 배포는 무엇이고 appcenter는 무엇인가요? appcenter code push를 이용하면 firebase 배포는 이제 필요 없는건가요?
