안녕하세요 제로초님 아이폰으로 회원가입 할려는데안드로이드는 잘되지만 아이폰만 안되서 질문 드립니다강의 교안 보고 Podfile에 pod 'react-native-config', :path => '../node_modules/react-native-config/react-native-config.podspec' 추가해보기 해봤는데 회원가입이 안되고 로그에 undefined가 계속 뜨네요require_relative '../node_modules/react-native/scripts/react_native_pods' require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' platform :ios, '11.0' pod 'react-native-config', :path => '../node_modules/react-native-config/react-native-config.podspec' target 'FoodDeliveryApp' do config = use_native_modules! use_react_native!( :path => config[:reactNativePath], # to enable hermes on iOS, change `false` to `true` and then install pods :hermes_enabled => false ) target 'FoodDeliveryAppTests' do inherit! :complete # Pods for testing end # Enables Flipper. # # Note that if you have use_frameworks! enabled, Flipper will not work and # you should disable the next line. use_flipper!() post_install do |installer| react_native_post_install(installer) __apply_Xcode_12_5_M1_post_install_workaround(installer) end end여기에 추가하는게 맞나요?

현시점에서 명령어가 flyctl -> fly로 바뀐거같은데양쪽 명령어 둘다 안먹히네요. fiyio인스톨하고 vscode재기동해봤는데도 같아요+다른 명령어는 된거보면 환경변수문제는 아닌거같은데..아래와 같은 메세지가 뜨는데 잘 모르겠습니다.!PS D:\VScode\grab-market-server> fly auth loginfly : 'fly' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오.위치 줄:1 문자:1+ fly auth login+ ~~~+ CategoryInfo : ObjectNotFound: (fly:String) [], CommandNotFoundException+ FullyQualifiedErrorId : CommandNotFoundException 로컬에서 파워셀열어 실행하면 넘어가는데..

리액트 16버전이라 강의 듣는데 헷갈립니다.... 최신 버전 이미지를 추가 해주시긴 하였으나, 기본 설명 자체가 16버전이라 혼란스럽고 불편합니다.당연히 최신 버전 강의인줄 알고 구매 하였는데, 이전 버전이 베이스로 된 강의면 제가 이 돈을 들여서 강의를 구매할 이유가 없다고 생각합니다.강의 업데이트 되는거 맞나요? 언제 업로드 되는건가요?

프로필 수정하는 부분에서DisplayName을 넣어서 바꿔보면 맨첫 한글자만 가져오게 되는데 setDisplayName이 말을 안듣는 것인지...뭐가 문제인건지 모르겠네요... 코드 확인한번만 해주시면 감사하겠습니다.import { StyleSheet, Text, View, Button, Pressable, TextInput, Keyboard, Alert } from 'react-native'; import PropTypes from 'prop-types'; import { useNavigation } from '@react-navigation/native'; import { useUserState } from '../contexts/UserContext'; import FastImage from '../components/FastImage'; import { MaterialCommunityIcons } from '@expo/vector-icons'; import { GRAY, WHITE } from '../colors'; import HeaderRight from './../components/HeaderRight'; import { useCallback, useEffect, useLayoutEffect, useState } from 'react'; import { updateUserInfo } from '../api/auth'; import SafeInputView from '../components/SafeInputView'; const UpdateProfileScreen = () => { const navigation = useNavigation(); const [user, setUser] = useUserState(); const [displayName, setDisplayName] = useState(user.displayName); const [disabled, setDisabled] = useState(true); const [isLoading, setIsLoading] = useState(false); const onSubmit = useCallback(async () => { Keyboard.dismiss(); if (!disabled) { setIsLoading(true); try { const userInfo = { displayName }; console.log(userInfo); await updateUserInfo(userInfo); setUser((prev) => ({ ...prev, ...userInfo })); // navigation.goBack(); setIsLoading(false); } catch (error) { Alert.alert('사용자 수정 실패', error.message); setIsLoading(false); } } }, [disabled, displayName, navigation, setUser]); useEffect(() => { setDisabled(!displayName || isLoading); console.log('current', displayName); }, [displayName, isLoading]); useLayoutEffect(() => { navigation.setOptions({ headerRight: () => <HeaderRight onPress={onSubmit} disabled={disabled} />, }); }, [navigation, disabled]); return ( <SafeInputView> <View style={styles.container}> <View> <View> <FastImage source={{ uri: user.photoURL }} style={styles.photo}></FastImage> <Pressable onPress={() => {}} style={styles.imageButton}> <MaterialCommunityIcons name="image" size={20} color={WHITE} /> </Pressable> </View> <TextInput value={displayName} onChangeText={(text) => setDisplayName(text.trim())} style={styles.input} placeholder="NickName" textAlign="center" maxLength={10} returnKeyType="done" autoCapitalize="none" autoCorrect={false} textContentType="none" /> </View> </View> </SafeInputView> ); };

setting.jason이 그냥 비어있던데 강사님처럼 똑같이 타이핑 후 3줄을 적어야하나요? 아니면 3줄만 입력하면 되나요?강사님처럼 똑같이 입력해야한다면, 3줄 중 마지막 한줄이 중복되는데 어떻게 하나요?

안녕하세요 nanoid 가 계속 문제를 일으킵니다.아무래도, import 'react-native-get-random-values';이랑 호환이안되는지, 첫번째 글까지는 작성이 되는데 두번째부터는  위와 같이 에러가 뜹니다.뭔가 버전이 안맞는건지 모르겠네요..

간단히라도 알려주시면 감사하겠습니다

.get("http://localhost:8080/products")로 바꾸고 새로고침하면 상품목록이 안 받아오는데이유가server.js에서 app.use(express.json()); app.use(cors());가 지워졌기 때문이네요.노션에 올라와 있는 코드에 조금 안 맞는 부분이 있어서 카피해서 쓸 경우 제대로 처리하지 못하는거같아요깃헙 소스보니까 아래와 같이 되어 있는걸 보고 알았네요app.use(express.json()); app.use(cors()); app.get("/products", (req, res) => { res.send({ products: [ ..... 결론 깃헙소스와 노션소스가 조금 달라서 전부카피하면 안된다는!깃헙소스가 맞고노션소스가 틀리므로 노션 수정하면 좋겠다는 생각!

2번째 문제에서 else if의 조건에else if (1 =< product.length =< 4)혹은else if (product.length =< 4 && product.length > 0)는 왜 오류가 나는지 궁금합니다

mainpagecomponent로 쓰던데uploadpage나 productpage는 component가 따로 안붙고 쓰던데 mainpage만 이렇게 써야되는 규칙인가요?

얼마전에 선생님 답변 덕에 빌드는 잘 했지만 스택네비게이션 문제로 빌드 후 화면이 제대로 나오지 않아서 질문드립니다. 깃허브 주소는 https://github.com/KongGeon/jlog2 입니다.증상은 안드로이드에서 앱을 실행했을때 스플래시 화면에서 멈추는 현상입니다.App.js > Index.js > Auth.js > Signin.js 순서로 진행될때Auth.js의 스택네비게이션에서 문제가 발생하는 듯 합니다. 혹시 몰라서 옵션들도 어지간한것을은 주석처리하였는데도 스플래시에서 멈추네요 ㅜㅜApp.js의 Alert.alert("성공");은 성공적으로 나오지만 Auth.js의Alert.alert("auth");는 표시되지 않고 스플래시 화면에서 멈추는 증상이 나타납니다. Auth.js를 거치지 않고 App.js > Index.js > Signin.js index.js에서 바로 <Signin /> 를 불러오면 화면에 잘 나타납니다!

안녕하세요 안드로이드 기종별로 레이아웃 비율이 일정하지가 않아서요. height: 100 그냥 숫자값으로 했다가 react-native-responsive-dimensions라이브러리를 활용해서 디바이스 크기를 기준으로 값을 계산해도 기종마다 비율이 계속 다릅니다. 픽셀밀도가 달라서 그런거라는 원인은 찾은거 같은데,,,확신은 안서고있습니다. 기기마다 동일한 디자인이 되기 위해서 스타일을 어떻게 부여해야하나요??

다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요!

좋은 강의 너무 감사드립니다. 강의 10:40 부분에 useParams 사용하는 부분에서:const params = useParams();console.log(params); 이거 입력한 후에 리프레쉬 한후 각자 아이템을 누르면, 밑에 화면이 뜹니다. 뭐가 잘못된 건지 잘 모르겠어요..

Axios 를 다운 받을때, 꼭 특정한 폴더에서 받아야 하는 건가요? Node-modules 랑 json.package 가 public 폴더 밑으로 또 생겨있고, nom start 누르면 Axios error 라고 뜹니다.

안녕하세요. 제로초님. 제가 강의에서 제가 이해한 것이 맞는지 헷갈려서 질문드립니다..(우선 keys는 하나로 여러 앱에 사용할 수 있는 것은 이해했습니다.)강의에서는 fcm 설정을 위해 p12(인증서 방식)이 아닌 p8(인증키 방식)으로 하고 있습니다.강의 과정에서는Apple developer Identifiers 탭에서 해당앱을 누르고  push notification에서 edit을 누른 후 Development SSL Certificate와 Production SSL Certificate 두개를 만든 후 다운로드하면 Apple developer에서 Certificates 탭에 방금 만든 push services와 Sandbox push services 두개의 Certificates가 만들어진 것을 볼 수 있습니다. 그런데 만약 A라는 앱과 B라는 앱 두개모두 fcm을 사용한다고 가정할 때 Identifiers각각 위의 과정을 거쳐야 한다면 push services(2개)와 Sandbox push services(2개) 총 4개의 Certificates가 생성될 텐데 이런 방식으로 하면 되는 것인지 궁금합니다. 즉 Certificates에서 push services는 앱에 따라서 여러개를 만들어야 하는것인지 궁금합니다.

git 설치 이후 vscode에서 터미널 변환이 안될때 git 최신버전 설치 완료vscode 재실행 완료 터미널 1개 추가 후 git bash로 변환시 목록에 안보임

코드가 잘못 됐나요..상품 목록이 나오질 않네요..#1 vsCode<html> <head> <title>TerretAccompany</title> <link href="index.css" type="text/css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> </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> axios .get("https://2007f5d2-9d8b-49f0-8b70-032507e17d79.mock.pstmn.io") .then(function (result) { console.log("통신 결과 : ", result); const products = result.data.products; let productsHtml = ""; for (var i = 0; i < products.length; i++) { let product = products[i]; productsHtml = productsHtml + '<div class="product-card">' + "<div>" + '<img class="product-img"' + 'src="' + product.imageUrl + '" />' + "</div>" + '<div class="product-contents">' + "<!-- text를 넣을때 많이 씀 -->" + '<span class="product-name">' + product.name + "</span>" + '<span class="product-price">' + product.price + "원" + "</span>" + '<div class="product-seller">' + '<img class="product-avatar" src="images/icons/avatar.png" />' + "<span>" + product.seller + "</span>" + "</div>" + "</div>" + "</div>"; } document.querySelector("#product-list").innerHTML = productsHtml; }) .catch(function (error) { console.error("error 발생 : ", error); }); </script> </html>  #2 postman{ "products" : [ { "name": "농구공", "price": 500000, "seller": "조던", "imageUrl": "images/products/basketball1.jpeg" }, { "name": "축구공", "price": 600000, "seller": "메시", "imageUrl": "images/products/soccerball1.jpg" }, { "name": "키보드", "price": 300000, "seller": "그랩", "imageUrl": "images/products/keyboard1.jpg" } ] }

네이버 맵 연동 강의 이후 npm i react-native-nmap --forcecom.fooddeliveryapp 사이에 폴더 추가com.tjdwo.fooddeliveryapppackage 이름 전부 수정 PS C:\Users\ksj\FoodDeliveryApp> npm run android> FoodDeliveryApp@0.0.1 android> react-native run-androidinfo JS server already running.info Installing the app...> Configure project :appReading env from: .env> 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.Deprecated 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.1/userguide/command_line_interface.html#sec:command_line_warnings5 actionable tasks: 5 up-to-datePicked up JAVA_TOOL_OPTIONS: -Djava.net.preferIPv4Stack=true FAILURE: Build failed with an exception. * What went wrong:Could not determine the dependencies of task ':app:compileDebugJavaWithJavac'.> Could not resolve all task dependencies for configuration ':app:debugCompileClasspath'. > Could not find com.naver.maps:map-sdk:3.16.2. Required by: project :app* 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 10serror Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup.BUILD FAILED in 10s at makeError (C:\Users\ksj\FoodDeliveryApp\node_modules\@react-native-community\cli-platform-android\node_modules\execa\index.js:174:9) at C:\Users\ksj\FoodDeliveryApp\node_modules\@react-native-community\cli-platform-android\node_modules\execa\index.js:278:16 at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async runOnAllDevices (C:\Users\ksj\FoodDeliveryApp\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:82:7) at async Command.handleAction (C:\Users\ksj\FoodDeliveryApp\node_modules\@react-native-community\cli\build\index.js:108:9)info Run CLI with --verbose flag for more details.PS C:\Users\ksj\FoodDeliveryApp> 구글에 찾아보고 몇시간째 삽질 중입니다 ㅠ.ㅠ최신 naver map 에 gradle 버전이나 추가해야하는 곳이 더 있을까요?"name": "react-native", "version": "0.71.6",

error 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=8081 Warning: Mapping new ns http://schemas.android.com/repository/android/common/02 to old ns http://schemas.android.com/repository/android/common/01Warning: Mapping new ns http://schemas.android.com/repository/android/generic/02 to old ns http://schemas.android.com/repository/android/generic/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/02 to old ns http://schemas.android.com/sdk/android/repo/addon2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/addon2/03 to old ns http://schemas.android.com/sdk/android/repo/addon2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/02 to old ns http://schemas.android.com/sdk/android/repo/repository2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/repository2/03 to old ns http://schemas.android.com/sdk/android/repo/repository2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/03 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01Warning: Mapping new ns http://schemas.android.com/sdk/android/repo/sys-img2/02 to old ns http://schemas.android.com/sdk/android/repo/sys-img2/01Warning: ����ġ ���� ���(URI: "", ����: "base-extension")�Դϴ�. �ʿ��� ��Ҵ� <{}codename>,<{}layoutlib>,<{}api-level>�Դϴ�.FAILURE: Build failed with an exception.* What went wrong:Execution failed for task ':react-native-nmap:generateDebugRFile'.> Could not resolve all files for configuration ':react-native-nmap:debugCompileClasspath'. > 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-symbol-with-package-name, 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-api}. > Execution failed for JetifyTransform: C:\Users\jeong\.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.org at makeError (C:\Users\jeong\Glins\node_modules\execa\index.js:174:9) at C:\Users\jeong\Glins\node_modules\execa\index.js:278:16 at processTicksAndRejections (node:internal/process/task_queues:96:5) at async runOnAllDevices (C:\Users\jeong\Glins\node_modules\@react-native-community\cli-platform-android\build\commands\runAndroid\runOnAllDevices.js:109:5) at async Command.handleAction (C:\Users\jeong\Glins\node_modules\@react-native-community\cli\build\index.js:192:9)info Run CLI with --verbose flag for more details.PS C:\Users\jeong\Glins> 이런식으로 에러가 뜨는데 모든 캐시를 지우고 다른 프로젝트에서 시도해봐도 해결이 되지 않네요...ㅠㅠ