월 14,300원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결배달앱 클론코딩 [with React Native]
pod install
npm으로 라이브러리를 다운 받았을 때마다 pod install을 해주는걸로 이해했는데 맞게 이해한걸까요 ?
- 미해결배달앱 클론코딩 [with React Native]
node, react-native 버전 호환
사용중인 node 버전이 v20.10.0. 입니다.react-native 버전 0.66 실행에 문제가 있나요?
- 미해결배달앱 클론코딩 [with React Native]
node_modules 폴더의 위치
FoodDeliveryApp 폴더 안에 node_modules 폴더가 있어야 하는 걸까요? 아니면 C:\Users\이름\AppData\Roaming\npm 에 있어야 하는걸까요?
- 미해결배달앱 클론코딩 [with React Native]
ios 세팅 중 pod install 오류 질문 드립니다 (M1 Mac)
안녕하세요 제로초님 윈도우로만 작업을 하다가 ios에서 환경세팅을 하는데 에러가 나서 질문 드립니다. 강의에 있는 FoodDeliveryApp은 아니고 공식 문서 설명대로 새로운 프로젝트를 생성해서 따라하고 있었습니다. 애러는 ios 폴더에서 pod install을 했을 때 났습니다. 아래는 pod install을 한 후의 과정입니다! % pod installFramework build type is static library[Codegen] Generating ./build/generated/ios/React-Codegen.podspec.json[Codegen] generating an empty RCTThirdPartyFabricComponentsProviderAnalyzing dependenciesFetching podspec for DoubleConversion from ../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec[Codegen] Found FBReactNativeSpecFetching podspec for RCT-Folly from ../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec[Codegen] Found rncoreFetching podspec for boost from ../node_modules/react-native/third-party-podspecs/boost.podspecFetching podspec for glog from ../node_modules/react-native/third-party-podspecs/glog.podspecFetching podspec for hermes-engine from ../node_modules/react-native/sdks/hermes-engine/hermes-engine.podspec[Hermes] Using release tarball from URL: https://repo1.maven.org/maven2/com/facebook/react/react-native-artifacts/0.73.1/react-native-artifacts-0.73.1-hermes-ios-debug.tar.gzDownloading dependenciesInstalling CocoaAsyncSocket (7.6.5)Installing DoubleConversion (1.1.6)Installing FBLazyVector (0.73.1)Installing FBReactNativeSpec (0.73.1)Installing Flipper (0.201.0)Installing Flipper-Boost-iOSX (1.76.0.1.11)Installing Flipper-DoubleConversion (3.2.0.1)Installing Flipper-Fmt (7.1.7)Installing Flipper-Folly (2.6.10)Installing Flipper-Glog (0.5.0.5)Installing Flipper-PeerTalk (0.0.4)Installing FlipperKit (0.201.0)Installing OpenSSL-Universal (1.1.1100)Installing RCT-Folly (2022.05.16.00)Installing RCTRequired (0.73.1)Installing RCTTypeSafety (0.73.1)Installing React (0.73.1)Installing React-Codegen (0.73.1)Installing React-Core (0.73.1)Installing React-CoreModules (0.73.1)Installing React-Fabric (0.73.1)Installing React-FabricImage (0.73.1)Installing React-ImageManager (0.73.1)Installing React-Mapbuffer (0.73.1)Installing React-NativeModulesApple (0.73.1)Installing React-RCTActionSheet (0.73.1)Installing React-RCTAnimation (0.73.1)Installing React-RCTAppDelegate (0.73.1)Installing React-RCTBlob (0.73.1)Installing React-RCTFabric (0.73.1)Installing React-RCTImage (0.73.1)Installing React-RCTLinking (0.73.1)Installing React-RCTNetwork (0.73.1)Installing React-RCTSettings (0.73.1)Installing React-RCTText (0.73.1)Installing React-RCTVibration (0.73.1)Installing React-callinvoker (0.73.1)Installing React-cxxreact (0.73.1)Installing React-debug (0.73.1)Installing React-graphics (0.73.1)Installing React-hermes (0.73.1)Installing React-jserrorhandler (0.73.1)Installing React-jsi (0.73.1)Installing React-jsiexecutor (0.73.1)Installing React-jsinspector (0.73.1)Installing React-logger (0.73.1)Installing React-nativeconfig (0.73.1)Installing React-perflogger (0.73.1)Installing React-rendererdebug (0.73.1)Installing React-rncore (0.73.1)Installing React-runtimeexecutor (0.73.1)Installing React-runtimescheduler (0.73.1)Installing React-utils (0.73.1)Installing ReactCommon (0.73.1)Installing SocketRocket (0.6.1)Installing Yoga (1.14.0)Installing boost (1.83.0)[!] Error installing boostVerification checksum was incorrect, expected 6478edfe2f3305127cffe8caf73ea0176c53769f4bf1585be237eb30798c3b8e, got 5e89103d9b70bba5c91a794126b169cb67654be2051f90cf7c22ba6893ede0ff[!] Do not use "pod install" from inside Rosetta2 (x86_64 emulation on arm64).[!] - Emulated x86_64 is slower than native arm64[!] - May result in mixed architectures in rubygems (eg: ffi_c.bundle files may be x86_64 with an arm64 interpreter)[!] Run "env /usr/bin/arch -arm64 /bin/bash --login" then try again. 이 에러가 나오고 제가 한 과정은 다음과 같습니다. 할 때마다 pod deintegrate는 해줬습니다! 터미널 로제타로 열기 해제 -> 원인이 아니었던 것 같습니다. 다시 로제타로 열기 체크 해줬습니다.https://stackoverflow.com/questions/77738691/error-installing-boost-verification-checksum-was-incorrect-expectedError installing boost 애러를 해결하기 위해서 위의 글을 따라했지만 동일한 에러가 나왔습니다.'env /usr/bin/arch -arm64 /bin/bash --login' 명령어를 입력한 후에 pod install을 실행했지만 동일했습니다.ruby 버전이 맞지 않는 것 같아서 rbenv를 설치한 후에 rbenv global 2.7.5 명령어를 실행했습니다.해당글을 보고 ffi를 설치해준 후에 arch -x86_64 pod install 명령어를 실행했습니다!공식문서에서 bundle install을 하라고 해서 설치 후에 bundle exec pod install 해줬습니다프로젝트를 몇번 지웠다가 다시 실행중인데 계속해서 오류가 동일한 오류가 뜨네요! (설치한 게 적용이 안됐나 싶어서 전원도 껐다가 켰는데 동일합니다) 혼자 힘으로 어떻게든 해결해보려고 연휴 내내 잡고 있었는데 아직 많이 부족한 것 같습니다. 이미 너무 많은 시도와 설치를 해서 어디가 잘못됐는지도 감이 안잡히는 상태라 초기화도 생각하고 있습니다. 질문 받아주셔서 감사합니다 제로초님! 새해 복 많이 받으세요
- 해결됨배달앱 클론코딩 [with React Native]
DissmissKeyboardView에서 pressable대신 TouchableWithiutFeedBack을 쓰신 이유가 있을까요?
강의에서 주로 pressable쓰시다가 DismissKeyboard 컴포넌트에서는 TouchableWithoutFeedback을 쓰셨는데 아직 각각 어느상황에서 쓰이는지 잘 모르겠습니다.
- 미해결배달앱 클론코딩 [with React Native]
앱 심사 제출 시 '의심스러운 로그인 시도' 문제
안녕하세요.강의 잘 듣고 앱을 만들어서 심사까지 제출해봤는데요,앱 심사 시 앱 기능들을 테스트를 해볼 수 있는 아이디와 비밀번호를 제출해야해서구글 아이디와 비밀번호를 제출했습니다.(제가 만든 앱은 현재 구글 OAuth 로그인만 지원됩니다.) 심사 결과로 '의심스러운 로그인 시도로 분류되어 로그인할 수 없으니 다른 방법으로 다시 제출해라'라고 왔는데, 이런 상황에서는 어떻게 하나요?참고로 2차 인증도 설정이 안 되어 있는 계정인데 로그인 위치가 말레이시아라서 로그인이 막힌거 같습니다ㅜ
- 미해결배달앱 클론코딩 [with React Native]
안녕하세요 react native expo 관련 강의는 하실 생각 없으실까요?
안녕하세요, cli강의에서 react native expo를 사용하지 않는 이유로네이티브 라이브러리와의 호환성 문제를 꼽으셨는데 최근 prebuild 기능을 사용하면expo에서도 네이티브 라이브러리를 가져다 쓸 수 있게 업데이트가 되었고expo의 최적화 문제도 어느정도 해결이 되었다는 소식을 들어서, 혹시 expo 관련 강의는 해보실 생각이 없을까 싶어 여쭙습니다. 특히 expo가 최근에 업데이트하면서 많이 바뀌었는데 최신버전 강의 영상이 아예 없더라고요.. 그래서 혹시 여전히 expo는 업데이트가 되었어도 실무에서 사용할 수 없다고 생각하시는건지 궁금합니다
- 미해결배달앱 클론코딩 [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 신규 강의 계획 있으시나요!!
안녕하세요 제로초 선생님국내 잘 없는 리액트 네이티브 강좌의 한줄기 빛 같은 소중한 강의 정말 감사하게 잘 듣고 있습니다! 리액트 네이티브 신규 강의 계획이 있으신 지 궁금합니다!아직 기존 강의도 이제 시작했지만, 신규 강의를 희망하는 마음에 글 작성해봅니다 ㅎㅎ 본질과 원리 이해의 중요성을 일깨워 주시는 강의에 진심으로 감사합니다.프로그래밍 강의를 해주셔서 정말 감사합니다.남은 올해 마무리 잘 되시길 바라며, 내년에도 좋은 일 가득하시길 바랍니다 😊
- 미해결배달앱 클론코딩 [with React Native]
api 서버 호출이 안됩니다
안녕하세요api 서버 호출이 안됩니다api 서버 연결까지는 되는데 호출에서 문제가 있습니다post가 안되는건가 싶어서 get으로 바꾸고 직설적으로 json 호출만 해보려고해도 안됩니다.. get으로 바꾸고 아예 주소에서 http://IP주소:3105/user 찍어봐도요런화면뿐... 서버쪽 파일은 강사님이 주신 폴더 그대로 받아서 설치했습니다폴더 위치는 root > back 이렇게 들어있는데 폴더 위치가 문제인걸까요.. axios 문제는 아닌게 다른 open api 호출은 잘만됩니다
- 미해결배달앱 클론코딩 [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 부분만 사라지고 에러가 똑같이 발생합니다.
- 미해결배달앱 클론코딩 [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 배포는 이제 필요 없는건가요?
- 해결됨배달앱 클론코딩 [with React Native]
버전 관리 관련해서 질문드립니다
강의 잘 듣고있습니다!버전에 관해서 명확하게 이해가 가지 않아 질문드립니다리액트 네이티브에서 packge.json version android versionCode versionNameios version build 전체 적인 버전 관리는 packge.json version 으로관리 한다고 하셨는데나머지 android , Ios 도 앱 스토어 제출 업데이트 할때버전을 올릴텐데 각각 쓰임이 어떻게 되고 현업에서 관리 하시는 방법 알려주시면 감사하겠습니다
- 미해결배달앱 클론코딩 [with React Native]
ios 코드푸시 에러
안녕하세요!android는 Production으로 코드푸시가 잘 반영된 것을 확인하였습니다!그런데 Ios에서 [Error: 429: { "statusCode": 429, "message": "Rate limit is exceeded. Try again in 283 seconds." }]이런 에러가 발생하고 있습니다. 시간을 10분넘게 지나서 다시 설치했는데도 동일한 에러가 발생하고 있습니다. "version": "0.0.1", "codepush:ios": "appcenter codepush release-react -a aaaaa/aaa-app-ios -d Production --sourcemap-output --output-dir ./build -m -t 0.0.1",이렇게 했는데 혹시 어떤 부분을 놓친 걸까요...?ㅠㅠ
- 미해결배달앱 클론코딩 [with React Native]
navigation push와 navigate 질문
안녕하세요바텀탭 구현 중 새로운것을 발견했습니다. 예시로 설명드려보자면A탭과 B탭이 있습니다. B탭에서는 초기화면으로 지정된 B-1스크린과 나머지 B-2스크린이 있습니다. navigate 활용: A탭에서 B-2스크린으로 이동 시 B-1스크린을 거치는게 보이면서 B-2스크린이 나타납니다. 뒤로가면 B-1스크린을 거치고 한번 더 뒤로를 눌러야지 A탭을 갈 수 있습니다. push활용: 반면에 push는 B-2스크린이 바로 나타납니다. 백을하면 바로 A탭으로 돌아갑니다. navigate와 push의 차이점은 스택이 중첩되서 쌓이냐마냐로 알고있는데 이런 현상에 대해서는 찾지 못해서 질문 남깁니다. 정리하자면 navigate와 push가 다른 탭 이동시 왜 다른 동작을 보이는지 궁금합니다!
- 해결됨배달앱 클론코딩 [with React Native]
리액트 네비게이션 설치 문제
npm i @react-navigation/native npm i @react-navigation/native-stack npm i react-native-screens react-native-safe-area-context 셋다 설치하려고 하면 같은 에러 메세지가 나옵니다... npm audit fix npm audit fix --force 해봤도 안됩니다 npm install --save-dev @babel/core 도 해봤는데 네비게이션 설치할 때랑 똑같은 메세지 나오네요. 아래 사진같은 43개 취약점 얘기가 나옵니다.
- 해결됨배달앱 클론코딩 [with React Native]
이름 변경이 적용 안됩니다ㅠ
리액트 네이티브에서 앱 이름을 변경했음에도 불구하고 에뮬레이터에서 이름이 반영되지 않는 경우, 몇 가지 가능한 원인이 있습니다:캐시 문제: 때때로 에뮬레이터는 이전 버전의 앱 데이터를 캐시에 저장합니다. 이 경우, 에뮬레이터를 재시작하거나 캐시를 클리어해야 할 수 있습니다.네이티브 설정 미반영: 리액트 네이티브에서 앱 이름을 변경하려면 iOS의 Info.plist와 Android의 strings.xml에서도 변경해야 합니다. 이 파일들에서의 변경 사항이 반영되지 않았을 수 있습니다.빌드 프로세스 문제: 앱 이름을 변경한 후에 전체 앱을 다시 빌드해야 변경사항이 정상적으로 적용됩니다. 변경 후 적절한 빌드 과정을 거치지 않았다면, 변경사항이 반영되지 않을 수 있습니다.이러한 문제들을 해결하기 위해 앱을 완전히 재빌드하고, 필요한 경우 네이티브 설정 파일을 확인한 후 에뮬레이터를 재시작하는 것이 좋습니다.이름 변경이 안되네요ㅠ 에뮬 다시 시작도 해보고, 에뮬에 앱 지웠다가 다시 빌드도 해보고, 앱이름 한글에서 영어로도 바꿔봤는데바뀔 생각을 안합니다. 도와주세요.
- 미해결배달앱 클론코딩 [with React Native]
push noti background handler에서 userSlice를 가져오고 싶어요.
App.tsx에서요.messaging().setBackgroundMessageHandler(async remoteMessage => { console.log('Message handled in the background!', remoteMessage);});백그라운드상태에서 푸시알림이 왔을때 axios로 서버 http call을 하고 싶은데요. accesstoken과 userId를 넣어 call하려고 합니다.userSlice를 가져오는걸 어떻게 코드에 적용할 수 있을까요?예시를 해 주시면 더욱 감사합니다.