172만명의 커뮤니티!! 함께 토론해봐요.
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
약 7분경 css는 그냥 import로 불러오시는 강의 내용이 있는데요, 이전에 import를 하기 위해선 원본 파일에서 꼭 export를 해줘야한다고 말씀해주셨던 것 같아서요. js파일과 다르게 css 파일을 불러올때는 꼭 export를 하지 않아도 되는 걸까요?
미해결
배달앱 클론코딩 [with React Native]
사용중인 node 버전이 v20.10.0. 입니다. react-native 버전 0.66 실행에 문제가 있나요?
미해결
배달앱 클론코딩 [with React Native]
FoodDeliveryApp 폴더 안에 node_modules 폴더가 있어야 하는 걸까요? 아니면 C:\Users\이름\AppData\Roaming\npm 에 있어야 하는걸까요?
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
수업 영상강의처럼 진행하는데 같은 링크를 걸어도 그림이 안뜹니다!! <html> <head> <title>Hello World</title> </head> <body> <h1>Hello World</h1> <h2>Hello World</h2> <h3>Hello World</h3> <h4>Hello World</h4> <h5>Hello World</h5> <p>안녕하세요 그랩입니다.</p> <p>안녕하세요 그랩입니다.</p> <p>안녕하세요 그랩입니다.</p> <br /> <p>안녕하세요 그랩입니다.</p> <a href="https://naver.com">네이버 넘어가기</a> <img src="https://cdn.pixabay.com/photo/2015/03/26/09/47/sky-690293__340.jpg" alt="구름 사진" /> </body> </html>
미해결
따라하며 배우는 리액트 네이티브 기초
const store = createStore(rootReducer, middleware); 강의와 같이 위처럼 코드를 작성할 시 에러가 발생합니다. 버전은 5.0.1 버전입니다. 공식 문서에서 createStore 부분을 보면 reducer와 enhancer이외에 preloadedState라는 값이 있는데 해당 값을 넣어주니 정상적으로 작동했습니다. const preloadedState = { counter: 0, }; const store = createStore(rootReducer, preloadedState, middleware); preloadedState는 선택적으로 사용할 수 있다고 되어 있는데 왜 사용하지 않으면 에러가 발생하는지 궁금합니다. 또한 preloadedState는 store의 초기 상태를 나타내고 있다고 하는데 todos의 초기 상태를 어떻게 설정해야할지 궁금합니다. (그냥 undefined로만 적어도 상관없을까요)
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요. 2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠ ex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다! 3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요! 강의에 사용하시는 노션 링크가 영상 하단에 있다고 커뮤니티에서 찾아보았는데, 아무리 찾아도 없어서, 혹시 어디서 찾아볼수있을까요?
해결됨
핸즈온 리액트 네이티브
expo 실행해서 이메일과 패스워드 부분에 글자를 입력할 때 글자 입력하면 바로 키보드가 닫혀버립니다. 영상에 첨부되어있는 깃허브 링크 들어가서 비교해 보는데도 어디서 틀린건지 찾을 수가 없어서 질문올립니다
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Failed to load resource: the server responded with a status of 403 () 이런 에러가 뜨는데 어떻게 해결하나요ㅜ
해결됨
react native 0.73.1 node 20.10.0 NMapsMap 3.17.0 npm i https://github.com/zerocho/react-native-naver-map를 사용해서 nmap을 설치했습니다 android 기기에서는 정상적으로 빌드 되는데, ios 시뮬레이터에서는 빌드는 되지만, 아래의 오류가 발생합니다 Component 'RCTView' re-registered direct event 'topClick' as a bubbling event RCTModuleConstantsForDestructuredComponent RCTUIManager.m:1533 moduleConstantsForComponentData __28-[RCTUIManager getConstants]_block_invoke __NSDICTIONARY_IS_CALLING_OUT_TO_A_BLOCK__ -[__NSDictionaryM enumerateKeysAndObjectsWithOptions:usingBlock:] -[RCTUIManager getConstants] -[RCTUIManager constantsToExport] -[RCTModuleData gatherConstantsAndSignalJSRequireEnding:] -[RCTModuleData exportedConstants] facebook::react::RCTNativeModule::getConstants() facebook::react::ModuleRegistry::getConfig(std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> > const&) facebook::react::JSINativeModules::createModule(facebook::jsi::Runtime&, std::__1::basic_string<char, std::__1::char_traits<char>, std::__1::allocator<char> > const&) facebook::react::JSINativeModules::getModule(facebook::jsi::Runtime&, facebook::jsi::PropNameID const&) facebook::react::JSIExecutor::NativeModuleProxy::get(facebook::jsi::Runtime&, facebook::jsi::PropNameID const&) facebook::jsi::DecoratedHostObject::get(facebook::jsi::Runtime&, facebook::jsi::PropNameID const&) facebook::hermes::HermesRuntimeImpl::JsiProxy::get(hermes::vm::SymbolID) hermes::vm::JSObject::getComputedWithReceiver_RJS(hermes::vm::Handle<hermes::vm::JSObject>, hermes::vm::Runtime&, hermes::vm::Handle<hermes::vm::HermesValue>, hermes::vm::Handle<hermes::vm::HermesValue>) hermes::vm::CallResult<hermes::vm::HermesValue, (hermes::vm::detail::CallResultSpecialize)2> hermes::vm::Interpreter::interpretFunction<false, false>(hermes::vm::Runtime&, hermes::vm::InterpreterState&) hermes::vm::Runtime::interpretFunctionImpl(hermes::vm::CodeBlock*) hermes::vm::Runtime::runBytecode(std::__1::shared_ptr<hermes::hbc::BCProviderBase>&&, hermes::vm::RuntimeModuleFlags, llvh::StringRef, hermes::vm::Handle<hermes::vm::Environment>, hermes::vm::Handle<hermes::vm::HermesValue>) facebook::hermes::HermesRuntimeImpl::evaluatePreparedJavaScript(std::__1::shared_ptr<facebook::jsi::PreparedJavaScript const> const&) ... 중략 ... std::__1::function<void ()>::operator()() const invocation function for block in facebook::react::RCTMessageThread::runAsync(std::__1::function<void ()>) __CFRUNLOOP_IS_CALLING_OUT_TO_A_BLOCK__ __CFRunLoopDoBlocks __CFRunLoopRun CFRunLoopRunSpecific +[RCTCxxBridge runRunLoop] __NSThread__start__ _pthread_start thread_start
미해결
배달앱 클론코딩 [with React Native]
안녕하세요 제로초님 윈도우로만 작업을 하다가 ios에서 환경세팅을 하는데 에러가 나서 질문 드립니다. 강의에 있는 FoodDeliveryApp은 아니고 공식 문서 설명 대로 새로운 프로젝트를 생성해서 따라하고 있었습니다. 애러는 ios 폴더에서 pod install을 했을 때 났습니다. 아래는 pod install을 한 후의 과정입니다! % pod install Framework build type is static library [Codegen] Generating ./build/generated/ios/React-Codegen.podspec.json [Codegen] generating an empty RCTThirdPartyFabricComponentsProvider Analyzing dependencies Fetching podspec for DoubleConversion from ../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec [Codegen] Found FBReactNativeSpec Fetching podspec for RCT-Folly from ../node_modules/react-native/third-party-podspecs/RCT-Folly.podspec [Codegen] Found rncore Fetching podspec for boost from ../node_modules/react-native/third-party-podspecs/boost.podspec Fetching podspec for glog from ../node_modules/react-native/third-party-podspecs/glog.podspec Fetching 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.gz Downloading dependencies Installing 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 boost Verification 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-expected Error 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]
강의에서 주로 pressable쓰시다가 DismissKeyboard 컴포넌트에서는 TouchableWithoutFeedback을 쓰셨는데 아직 각각 어느상황에서 쓰이는지 잘 모르겠습니다.
해결됨
핸즈온 리액트 네이티브
2.1 프로젝트 준비하기에서 cd git이 아니라 cd .git으로 했고 거기서 npx create-expo-app rn-calc를 해서 생성했습니다 code .으로 실행 하니까 이런식으로 나왔는데 영상에서는 expo-shared 라는 파일이 assets위에 있었는데 제 프로젝트에는 없습니다. 맥 환경과 윈도우 환경에 따른 차이일까요? rn-calc 프로젝트에서 npm start를 했을 때 QR코드가 뜬 뒤에 이런 에러가 나왔습니다 그 이후로 my-first-rn이나 rn-calc에서 npm start를 하면 이런 화면만 계속 나오고 폰을 흔들어봐도 응답이 없습니다.
해결됨
핸즈온 리액트 네이티브
1장부터 난관이네요 ㅠ 구글 플레이 스토어 같은 어플 다운 받는 플렛폼이 없습니다. 완전 초기상태이구요 영상 대로 했습니다 expo 다운 받아야 다음 영상으로 넘어갈 탠데 어떻게 해야하나요 크롬 켜면 화면이 엄청 깨져서 진행을 못하고있습니다
해결됨
배달앱 클론코딩 [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]
안녕하세요, cli강의에서 react native expo를 사용하지 않는 이유로 네이티브 라이브러리와의 호환성 문제를 꼽으셨는데 최근 prebuild 기능을 사용하면 expo에서도 네이티브 라이브러리를 가져다 쓸 수 있게 업데이트가 되었고 expo의 최적화 문제도 어느정도 해결이 되었다는 소식을 들어서, 혹시 expo 관련 강의는 해보실 생각이 없을까 싶어 여쭙습니다. 특히 expo가 최근에 업데이트하면서 많이 바뀌었는데 최신버전 강의 영상이 아예 없더라고요.. 그래서 혹시 여전히 expo는 업데이트가 되었어도 실무에서 사용할 수 없다고 생각하시는건지 궁금합니다
미해결
따라하며 배우는 리액트 네이티브 기초
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]
현재 실제 ios 기기에서 테스트 중입니다. 2일 전에 푸시 알림 기능 구현 후 푸시 알림이 잘 오는 것 까지 모두 확인했습니다. 이후 스플래시 화면 포함한 몇 가지 기능 구현 후 배포 전에 다시 푸시 알림 기능을 다시 테스트해봤는데 No APNS token specified before fetching FCM Token 이라는 에러가 뜹니다. 혹시 어디서 잘못됐는지 알 수 있을까요?
해결됨
배달앱 클론코딩 [with React Native]
제공해주신 코드에서 보면 토큰이 두 종류가 있습니다. // 1번째 토큰 PushNotification.configure( onRegister: function (token: any) { console.log(token); } // ... ) // 2번째 토큰 const token = messaging().getToken(); 두 토큰 값이 다르던데, 둘 중 아무거나 서버에 보내줘도 되는건가요?
