안녕하세요. 푸쉬 알림 연동중에 질문이 있습니다. 모든 설정 완료후 알림이 수신까지 완료했습니다. 그 이후 notification data에 id를 받아오고있습니다. onNotification에서 navigation을 통해 id를 param으로 보내고 싶은데 navigation docs 예제를 보고 뜻대로 되지않아 질문납깁니다. redux 대신 zustand 사용중입니다.

 java-11.0.20javac 11.0.20sdk 33gradle-plugin 7.4.2gradle 7.6.3시뮬레이 android 13react-native 0.68.2react-native-push-notification 8.1.1입니다 현재 설치이후에 아래와 같은 에러와 함께 알람이 표시되지않습니다. build시에는 문제가 없습니다. 혹시 왜그런지 키워드를 알 수 있을까요?Could not run phased build action using connection to Gradle distribution 'https://services.gradle.org/distributions/gradle-5.6.4-all.zip'.Could not open cp_init remapped class cache for 6a5krabdzij62jglcll542e66 (C:\Users\dladl\.gradle\caches\5.6.4\scripts-remapped\eclipsePlugin_3ntw3lnplzg95m5nu28ubyn0\6a5krabdzij62jglcll542e66\cp_initb88fbed980d87867994e661e74c75e1f).Could not open cp_init generic class cache for initialization script 'C:\Users\dladl\AppData\Roaming\Code\User\workspaceStorage\8a08ff5a0b7649681859b892f1a2bdc2\redhat.java\jdt_ws\.metadata\.plugins\org.eclipse.buildship.core\init.d\eclipsePlugin.gradle' (C:\Users\dladl\.gradle\caches\5.6.4\scripts\6a5krabdzij62jglcll542e66\cp_init\cp_initb88fbed980d87867994e661e74c75e1f).Could not initialize class org.codehaus.groovy.vmplugin.v7.Java7Exception org.codehaus.groovy.GroovyBugError [in thread "Daemon worker"]

 ✔ Downloading template✔ Copying template✔ Processing template✔ Installing Ruby Gems⠙ Installing CocoaPods dependencies (this may take a few minutes)현재 이화면에서 더 이상 진행되지 않고 프로젝트가 생성되지 않습니다.window에서 프로젝트 생성 후 github에 올린프로젝트를 맥에 clone 받은 후 npm install > pod install 진행 하면 프로젝트가 잘 진행됩니다. 혹시 맥에서 Installing CocoaPods dependencies 이후 진행되지 않는 이유가있을까요?? 버전 현황node:v18.18.2ruby:3.1.2p20 Homebrew: 4.1.16watchman:2023.10.23.00Apple M1macOs:sonoma(14.0)Xcode:15.0platform: ios(17.0) 

 ✖ Android SDK - Required for building and installing your app on Android - Versions found: N/A - Version supported: 33.0.0sdk 를 못찾는거 같은데 일단 sdk 에서 cmdline 다운 받아 봤고, 시스템 경로 변경도 해보았습니다 .

yarn ios로 시뮬레이터에 앱을 실행하면빌드도 잘 되는데요.시뮬레이터에 앱 제목과 Powered by react native 만 하얀 바탕에 뜨고는 앱이 멈춰 있어요.  에러 도 없이요.

npm i @react-navigation/native npm i @react-navigation/native-stack설치 후 에뮬레이터를 실행하니 다음과 같은 오류가 나왔습니다 우선 버전 문제인가 싶어서 제로초님 깃 세팅과 똑같이 맞춰 봤지만 해결하지 못했습니다.다음은 package.json 사진입니다다음은 메트로와 에뮬 사진과 텍스트입니다.transform[stderr]: Browserslist: caniuse-lite is outdated. Please run: transform[stderr]: npx browserslist@latest --update-db transform[stderr]: Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating BUNDLE ./index.js error: SyntaxError: C:\Users\82106\FoodDeliveryApp\node_modules\@react-navigation\native\node_modules\@react-navigation\core\src\types.tsx: Unexpected token, expected "?" (705:52) 703 | [RouteName in keyof ParamList]?: NonNullable< 704 | ParamList[RouteName] > 705 | > extends NavigatorScreenParams<infer T extends {}> | ^ 706 | ? string | PathConfig<T> 707 | : string | Omit<PathConfig<{}>, 'screens' | 'initialRouteName'>; 708 | };  또한 일반적인 설치가 안되어서 --force로 설치 하였습니다 뭐가 문제일까요 ㅠㅠ

[제로초 강좌 질문 필독 사항입니다]질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.도움이 되는 질문을 하는 방법을 알려드립니다.https://www.youtube.com/watch?v=PUKOWrOuC0c이미 ch3까지 강의들으며 폴더를 관리했는데, 이 폴더에 문제가 생겨서 삭제해버렸습니다. 그래서앞에서 말씀해주신 환경설정(환경변수 등.. )을 따라npm run android 를 하면 나오는"Welcome to ReactNative"화면 까지 나오도록 설정은 완료했습니다. 이후, 정확하게 클론받은 폴더에서 ch3의 src폴더와 AppInner파일, App파일을 제가 처음부터 설정한 FoodDeliveryApp폴더에 넣어사용하는데, 전부 라이브러리를 install 했음에도 이와 같은 에러가 뜹니다. 구글링 한 결과로는 노드 버전의 문제라는데.. 잘 집히지 가 않습니다 정확히 ch4부터 들어야 할 것 같은데 처음부터 강의를 다시 따라가는 수밖에 없을까요? ㅠㅠ

제로초님 깃에 있는 setting 파일을 클론 해서 만들고 npm run android를 실행하면우선 다음과 같이 깃 베쉬 에서는 오류 없이 잘됩니다 혹시 모르니 사진과 텍스트 둘다 올리겠습니다82106@DESKTOP-10F7MVV MINGW64 ~/FoodDeliveryApp $ npm run android > fooddeliveryapp@0.0.1 android > react-native run-android info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. Jetifier found 952 file(s) to forward-jetify. Using 12 workers... info Starting JS server... info Launching emulator... info Successfully launched emulator. info Installing the app... > Task :app:installDebug Installing APK 'app-debug.apk' on 'Nexus_5_API_30(AVD) - 11' for app:debug Installed on 1 device. Deprecated Gradle features were used in this build, making it incompatible with Gradle 7.0. Use '--warning-mode all' to show the individual deprecation warnings. See https://docs.gradle.org/6.9/userguide/command_line_interface.html#sec:command_line_warnings BUILD SUCCESSFUL in 9s 67 actionable tasks: 2 executed, 65 up-to-date info Connecting to the development server... 8081 info Starting the app on "emulator-5554"... Starting: Intent { cmp=com.fooddeliveryapp/.MainActivity } 다음으로는 총 3가지의 프로그램이 열리는데 메트로 서버, 중간은 모르겠습니다 , 에뮬레이터 이런식으로 나옵니다 우선 에뮬레이터는 스크롤이 안되서 메트로 서버 에 나오는 오류만 텍스트로 첨부 하겠습니다(다음과 같이 오류가 나옵니다) Failed to construct transformer: Error: error:0308010C:digital envelope routines::unsupported at new Hash (node:internal/crypto/hash:69:19) at Object.createHash (node:crypto:133:10) at stableHash (C:\Users\82106\FoodDeliveryApp\node_modules\metro-cache\src\stableHash.js:19:8) at Object.getCacheKey (C:\Users\82106\FoodDeliveryApp\node_modules\metro-transform-worker\src\index.js:593:7) at getTransformCacheKey (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\DeltaBundler\getTransformCacheKey.js:24:19) at new Transformer (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\DeltaBundler\Transformer.js:48:9) at C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\Bundler.js:22:29 { opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digital envelope routines', reason: 'unsupported', code: 'ERR_OSSL_EVP_UNSUPPORTED' } BUNDLE ./index.js error: TypeError: Cannot read properties of undefined (reading 'transformFile') at Bundler.transformFile (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\Bundler.js:48:30) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async Object.transform (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\lib\transformHelpers.js:101:12) at async processModule (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\DeltaBundler\traverseDependencies.js:137:18) at async traverseDependenciesForSingleFile (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\DeltaBundler\traverseDependencies.js:131:3) at async Promise.all (index 0) at async initialTraverseDependencies (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\DeltaBundler\traverseDependencies.js:114:3) at async DeltaCalculator._getChangedDependencies (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\DeltaBundler\DeltaCalculator.js:164:25) at async DeltaCalculator.getDelta (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\DeltaBundler\DeltaCalculator.js:94:16) at async DeltaBundler.buildGraph (C:\Users\82106\FoodDeliveryApp\node_modules\metro\src\DeltaBundler.js:50:5) 이런식으로 나옵니다 마지막으로 네이티브 폴더의 app/src/build.gradle에도 문제가 있습니다 이런 식으로 인식을 못하는 것 같습니다 apply plugin: "com.android.application" import com.android.build.OutputFile /** * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets * and bundleReleaseJsAndAssets). * These basically call `react-native bundle` with the correct arguments during the Android build * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the * bundle directly from the development server. Below you can see all the possible configurations * and their defaults. If you decide to add a configuration block, make sure to add it before the * `apply from: "../../node_modules/react-native/react.gradle"` line. * * project.ext.react = [ * // the name of the generated asset file containing your JS bundle * bundleAssetName: "index.android.bundle", * * // the entry file for bundle generation. If none specified and * // "index.android.js" exists, it will be used. Otherwise "index.js" is * // default. Can be overridden with ENTRY_FILE environment variable. * entryFile: "index.android.js", * * // https://reactnative.dev/docs/performance#enable-the-ram-format * bundleCommand: "ram-bundle", * * // whether to bundle JS and assets in debug mode * bundleInDebug: false, * * // whether to bundle JS and assets in release mode * bundleInRelease: true, * * // whether to bundle JS and assets in another build variant (if configured). * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants * // The configuration property can be in the following formats * // 'bundleIn${productFlavor}${buildType}' * // 'bundleIn${buildType}' * // bundleInFreeDebug: true, * // bundleInPaidRelease: true, * // bundleInBeta: true, * * // whether to disable dev mode in custom build variants (by default only disabled in release) * // for example: to disable dev mode in the staging build type (if configured) * devDisabledInStaging: true, * // The configuration property can be in the following formats * // 'devDisabledIn${productFlavor}${buildType}' * // 'devDisabledIn${buildType}' * * // the root of your project, i.e. where "package.json" lives * root: "../../", * * // where to put the JS bundle asset in debug mode * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", * * // where to put the JS bundle asset in release mode * jsBundleDirRelease: "$buildDir/intermediates/assets/release", * * // where to put drawable resources / React Native assets, e.g. the ones you use via * // require('./image.png')), in debug mode * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", * * // where to put drawable resources / React Native assets, e.g. the ones you use via * // require('./image.png')), in release mode * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", * * // by default the gradle tasks are skipped if none of the JS files or assets change; this means * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to * // date; if you have any other folders that you want to ignore for performance reasons (gradle * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ * // for example, you might want to remove it from here. * inputExcludes: ["android/**", "ios/**"], * * // override which node gets called and with what additional arguments * nodeExecutableAndArgs: ["node"], * * // supply additional arguments to the packager * extraPackagerArgs: [] * ] */ project.ext.react = [ enableHermes: false, // clean and rebuild if changing ] apply from: "../../node_modules/react-native/react.gradle" /** * Set this to true to create two separate APKs instead of one: * - An APK that only works on ARM devices * - An APK that only works on x86 devices * The advantage is the size of the APK is reduced by about 4MB. * Upload all the APKs to the Play Store and people will download * the correct one based on the CPU architecture of their device. */ def enableSeparateBuildPerCPUArchitecture = false /** * Run Proguard to shrink the Java bytecode in release builds. */ def enableProguardInReleaseBuilds = false /** * The preferred build flavor of JavaScriptCore. * * For example, to use the international variant, you can use: * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` * * The international variant includes ICU i18n library and necessary data * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that * give correct results when using with locales other than en-US. Note that * this variant is about 6MiB larger per architecture than default. */ def jscFlavor = 'org.webkit:android-jsc:+' /** * Whether to enable the Hermes VM. * * This should be set on project.ext.react and mirrored here. If it is not set * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode * and the benefits of using Hermes will therefore be sharply reduced. */ def enableHermes = project.ext.react.get("enableHermes", false); /** * Architectures to build native code for in debug. */ def nativeArchitectures = project.getProperties().get("reactNativeDebugArchitectures") android { ndkVersion rootProject.ext.ndkVersion compileSdkVersion rootProject.ext.compileSdkVersion defaultConfig { applicationId "com.fooddeliveryapp" minSdkVersion rootProject.ext.minSdkVersion targetSdkVersion rootProject.ext.targetSdkVersion versionCode 1 versionName "1.0" } splits { abi { reset() enable enableSeparateBuildPerCPUArchitecture universalApk false // If true, also generate a universal APK include "armeabi-v7a", "x86", "arm64-v8a", "x86_64" } } signingConfigs { debug { storeFile file('debug.keystore') storePassword 'android' keyAlias 'androiddebugkey' keyPassword 'android' } } buildTypes { debug { signingConfig signingConfigs.debug if (nativeArchitectures) { ndk { abiFilters nativeArchitectures.split(',') } } } release { // Caution! In production, you need to generate your own keystore file. // see https://reactnative.dev/docs/signed-apk-android. signingConfig signingConfigs.debug minifyEnabled enableProguardInReleaseBuilds proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" } } // applicationVariants are e.g. debug, release applicationVariants.all { variant -> variant.outputs.each { output -> // For each separate APK per architecture, set a unique version code as described here: // https://developer.android.com/studio/build/configure-apk-splits.html // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc. def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] def abi = output.getFilter(OutputFile.ABI) if (abi != null) { // null for the universal-debug, universal-release variants output.versionCodeOverride = defaultConfig.versionCode * 1000 + versionCodes.get(abi) } } } } dependencies { implementation fileTree(dir: "libs", include: ["*.jar"]) //noinspection GradleDynamicVersion implementation "com.facebook.react:react-native:+" // From node_modules implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0" debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { exclude group:'com.facebook.fbjni' } debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { exclude group:'com.facebook.flipper' exclude group:'com.squareup.okhttp3', module:'okhttp' } debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { exclude group:'com.facebook.flipper' } if (enableHermes) { def hermesPath = "../../node_modules/hermes-engine/android/"; debugImplementation files(hermesPath + "hermes-debug.aar") releaseImplementation files(hermesPath + "hermes-release.aar") } else { implementation jscFlavor } } // Run this once to be able to run the application with BUCK // puts all compile dependencies into folder libs for BUCK to use task copyDownloadableDepsToLibs(type: Copy) { from configurations.implementation into 'libs' } apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project)  제가 amd cpu를 사용중이라 그에 맞게 환경 변수도 구글링해서 적용을 해놨는데 혹시 여기에 문제가 있을까요? 우선 환경 변수도 첨부 하겠습니다      마지막으로 현재 안드로이드 스튜디오 sdk 세팅 상태입니다ㅠㅠ 뭐가 문제 일까요

https://discord.com/invite/69JnvkXaAk2강에서 디스코드 링크에 문제가 있어보이는데요..

안녕하세요 강의 잘 듣고 있습니다.!푸시알림이 안와서 이틀째 삽질중입니다 .ㅠfirebase 클라우드 메시지 테스트로 처음에 한번 알림이 왔었는데 완료할때 푸시 알림이 아예 안옵니다.. server.js완료 했을때 리턴값IOS 설정firebase 버전 

 pod 'NMapsMap','3.16.0'xcode는 14.2 버전이고 react-native : 0.72.5 버전, NMapsMap은 3.16.0 버전이고 nmap 설치까지는 깃헙 이슈보고 해결했는데 빌드클린하고 빌드 해도 잘못된 클라이언트 ID 지정이라고 계속 나오는데 iOS Bundle Identifier가 인식이 안되는걸까요? 혹시라도 문자 틀렸을까봐 복붙까지했는데 안되네요ㅠ    해결:  Xcode에서 Info에 Bundle Identifier를 직접 넣어서 해결했습니다  

2강에서 처음으로 POST통신하는 부분에서 아무리 똑같이 코딩해도 네트워크 에러 나서3시간동안 이것저것 해보다가 방법을 찾았어요 ㅋㅋㅋㅋ이부분인데 개발툴이 달라서 그런지 모르겠지만 저는 맥북 VS code로 따라하고 있는데이렇게 하니까 해결됐어요. Config.API_URL이 문자열 변수라서 저기에 ${} 이걸로 감싸면 인식이 안 됐나봐요. 이렇게 삽질하다보면 제꺼가 되겠죠? ㅎㅎㅎ혹시 저같은 분 계실까봐 글 남깁니당.   

위 사진은 Layout 버튼을 누르는 강좌 화면 캡쳐 입니다. 아래 사진은 제 PC에 있는 Flipper 화면인데, 체크하려다가 Layout 에 - 휴지통 모양 눌렀더니 사라졌습니다.어디 설정하는 메뉴나 위치가 있나 열심히 찾아봐도 안나오는데... 해당 메뉴 다시 나타나도록 키려면 어디 설정을 건드려야하나요...?  

안녕하세요, 잘 배우고 있습니다.위젯기능이 좀 궁금한데요. 검색해보면IOS/Android 의 각각 네이티브를 건드려서 만드는것 같던데React Native단에서 두 시스템의 위젯을 공통으로 만들어주는 기능은 없나요?제가 잘 못찾아서 그런건지 어렵네요. 감사합니다!

플리퍼를 공식 사이트에서 윈도우 버전으로 다운 받고 실행하는데 다음과 같은 에러가 뜹니다이 에러를 해결하고자 터미널을 키고 배쉬와 파워쉘에서 sudo kill $(lsof -t -i :52342) 이 코드를 쳐봤는데이런 식으로 나옵니다... 혹시나 해서 컴퓨터를 모두 종료하고 다시 시작해서 다른거 실행 안하고 플리퍼부터 실행했는데도 똑같은 문제가 발생하네요 이 문제에 대해 아이디어를 주실 수 있나요??? ㅠㅠㅠ

$ npx react-native@latest init AwesomeProject 커맨드를 실행했을때,✔ Downloading template ✔ Copying template ✔ Processing template ✖ Installing Ruby Gems error Fetching gem metadata from https://rubygems.org/........ Resolving dependencies... Fetching rexml 3.2.6 Installing rexml 3.2.6 Fetching CFPropertyList 3.0.6 Installing CFPropertyList 3.0.6 Fetching concurrent-ruby 1.2.2 Installing concurrent-ruby 1.2.2 Fetching i18n 1.14.1 Installing i18n 1.14.1 Fetching minitest 5.20.0 Installing minitest 5.20.0 Fetching tzinfo 2.0.6 Installing tzinfo 2.0.6 Fetching zeitwerk 2.6.12 Installing zeitwerk 2.6.12 Fetching activesupport 6.1.7.6 Installing activesupport 6.1.7.6 Fetching public_suffix 4.0.7 Installing public_suffix 4.0.7 Fetching addressable 2.8.5 Installing addressable 2.8.5 Fetching httpclient 2.8.3 Installing httpclient 2.8.3 Fetching json 2.6.3 Installing json 2.6.3 with native extensions Gem::Ext::BuildError: ERROR: Failed to build gem native extension. current directory: /Users/jt/study/react-native/FirstProject3/vendor/bundle/ruby/2.6.0/gems/json-2.6.3/ext/json/ext/generator /System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/bin/ruby -I /System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/lib/ruby/2.6.0 -r ./siteconf20230930-36317-qqfojl.rb extconf.rb creating Makefile current directory: /Users/jt/study/react-native/FirstProject3/vendor/bundle/ruby/2.6.0/gems/json-2.6.3/ext/json/ext/generator make "DESTDIR=" clean current directory: /Users/jt/study/react-native/FirstProject3/vendor/bundle/ruby/2.6.0/gems/json-2.6.3/ext/json/ext/generator make "DESTDIR=" compiling generator.c In file included from generator.c:1: In file included from ./../fbuffer/fbuffer.h:5: In file included from /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX14.0.sdk/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/include/ruby-2.6.0/ruby.h:33: /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX14.0.sdk/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/include/ruby-2.6.0/ruby/ruby.h:24:10: fatal error: 'ruby/config.h' file not found #include "ruby/config.h" ^~~~~~~~~~~~~~~ /Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX14.0.sdk/System/Library/Frameworks/Ruby.framework/Versions/2.6/usr/include/ruby-2.6.0/ruby/ruby.h:24:10: note: did not find header 'config.h' in framework 'ruby' (loaded from '/Applications/Xcode.app/Contents/Developer/Platforms/MacOSX.platform/Developer/SDKs/MacOSX.sdk/System/Library/Frameworks') 1 error generated. make: *** [generator.o] Error 1 make failed, exit code 2 Gem files will remain installed in /Users/jt/study/react-native/FirstProject3/vendor/bundle/ruby/2.6.0/gems/json-2.6.3 for inspection. Results logged to /Users/jt/study/react-native/FirstProject3/vendor/bundle/ruby/2.6.0/extensions/universal-darwin-22/2.6.0/json-2.6.3/gem_make.out An error occurred while installing json (2.6.3), and Bundler cannot continue. Make sure that `gem install json -v '2.6.3' --source 'https://rubygems.org/'` succeeds before bundling. In Gemfile: cocoapods was resolved to 1.13.0, which depends on cocoapods-core was resolved to 1.13.0, which depends on algoliasearch was resolved to 1.27.5, which depends on json ✖ Installing Ruby Gems error Looks like your iOS environment is not properly set. Please go to https://reactnative.dev/docs/environment-setup?os=macos&platform=android and follow the React Native CLI QuickStart guide for macOS and iOS. info Run CLI with --verbose flag for more details.MacOS-Android공식문서(https://reactnative.dev/docs/environment-setup?os=macos&platform=android)차례대로 실행햇구요.java version "11.0.16" 2022-07-19 LTS으로 설치되어 있구요.Cocoapods랑 ruby랑 설치해보면서 이것저것 해보려했는데 잘안되네요.

저도 강의 따라가다가 세로로 갑자기 변환되어서 답변 내용대로 해봤지만 고쳐지지를 않아서 질의 드립니다 아래 코드는 html코드입니다<html> <head> <title>그랩마켓</title> <link href="index.css" type="text/css" rel="stylesheet" /> <body> <div id="header"> <div id="header-area"> <img src="images/images/icons/logo.png"/> </div> </div> <div id="body"> <div id="banner"> <img src="images/images/banners/banner1.png"/> </div> <h1>판매되는 상품들</h1> <div id="product-list"> <div class="product-card"> <img class="product-img" src="images/images/products/basketball1.jpeg"/> <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/images/icons/avatar.png"/> <span>그랩</span> </div> </div> </div> </div> <div class="product-card"> <img class="product-img" src="images/images/products/keyboard1.jpg"/> <div class="product-contents"> <span class="product-name">키보드 1호</span> <span class="product-price">30000원</span> <div class="product-seller"> <img class="product-avatar" src="images/images/icons/avatar.png"/> <span>그랩</span> </div> </div> </div> <div class="product-card"></div> <div class="product-card"></div> </div> <div id="footer"></div> </body> </head> </html>아래는 css코드입니다 * { margin: 0; padding: 0; } #header{ height: 64px; display: flex; justify-content: center; border-bottom: 1px solid gray; } #body{ min-height: 100%; width: 1024px; margin: 0 auto; padding-bottom: 24px; } #footer{ height: 200px; background-color: red; } #banner{ height: 300px; background-color: yellow; } #header-area{ width: 1024px; height: 100%; display: flex; align-items: center; } #header-area > img{ width: 128px; height: 36px; } #body > h1{ margin-top: 16px; } #banner > img{ width: 100%; height: 300px; } #product-list{ display: flex; flex-wrap: wrap; margin-top: 12px; flex-direction: row; } .product-card{ width: 180px; height: 300px; margin-right: 12px; margin-bottom:12px; border: 1px solid rgb(230, 230, 230); border-radius: 12px; } .product-img{ width: 100%; height: 210px; } .product-contents{ display: flex; flex-direction: column; padding: 8px; } .product-name{ font-size: 14px; } .product-price{ font-size: 16px; font-weight: 200px; margin-top: 4px; } .product-seller{ display: flex; align-items: center; margin-top: 12px; } .product-avatar{ width: 24px; }바쁘시겠지만 답변 해주시면 감사하겠습니다!+해당 코드 진행 후 개발자 도구 이용해서 보면 flex에 의해 정해지지않은 보라색 칸이 있는데 해당 칸 처리가 힘들어 추가 질문 올립니다!

현재까지 배운 내용(섹션 0- 리액트 네비게이션까지 수강 ) 으로는 환경 설정 부분의 차이 때문에 github를 이용한 협업을 할 경우(프로젝트 폴더를 pull받을 때 특히), 상당히 충돌할 것으로 예상되는데해결할 방법이 있을까요? 학습을 모두 마치고 여쭤보려고도 했지만, 처음부터 협업이 어려울 수도 있다는 생각이 들어서 다 듣기 전에 여쭈어 보는 점은 죄송합니다.

react-native run-android info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag.(node:18259) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency(Use node --trace-warnings ... to show where the warning was created)Jetifier found 866 file(s) to forward-jetify. Using 12 workers...info Starting JS server...info Launching emulator...info Successfully launched emulator.info Installing the app...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 255mserror 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 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 255ms at checkExecSyncError (node:child_process:885:11) at execFileSync (node:child_process:921:15) at runOnAllDevices (/Users/heejinroh/Desktop/희진/react-native/my_first_app/node_modules/@react-native-community/cli-platform-android/build/commands/runAndroid/runOnAllDevices.js:94:39) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async Command.handleAction (/Users/heejinroh/Desktop/희진/react-native/my_first_app/node_modules/@react-native-community/cli/build/index.js:182:9)

안녕하세요. 현재 mac m1 pro 환경에서 개발을 진행하고 있는 수강생입니다. .env 파일 설정과 관련하여 이해되지 않는 오류가 발생하고 있어 질문드립니다. 문제사항은 아래와 같습니다. .env 파일에 있던 몇 가지 변수를 변경한 뒤, ios / android metro 서버를 통해 시뮬레이터를 재시작했습니다. 그러나 Config의 내용을 console.log로 찍어보았을 때, ios 시뮬레이터에서 발생하는 로그에는 초기에 설정했던 .env의 내용이 그대로 찍혀 나오고 있습니다. Android Studio에서 BuildConfig.java 파일에는 변경한 이후의 내용이 정상적으로 나오는데, IOS에서만 이런 상황이 발생하는 게 의아합니다. 1. IOS에서 다른 기기로 시뮬레이터를 돌려보고, 2. 기기 전체를 재부팅해도 같은 현상이 반복되는데 혹시 IOS에서만 발생하는 .env 관련해서 주의할 사항이 추가로 있을지 궁금합니다!