socket.emit('login', 'hello') 해당 부분에서 emit을 계속 찍어내는 문제가 발생하고 있습니다!! useEffect의 dependenciy의 의존성을 주입 안 하면 emit을 계속 안 찍는데 어떻게 하는게 맞을까요 ??// 로그인 후 emit을 계속 보낸다. useEffect(() => { const helloCallback = (data: any) => { console.log(data); }; if (socket && isLoggedIn) { socket.emit('login', 'hello'); socket.on('hello', helloCallback); } return () => { if (socket) socket.off('hello', helloCallback); }; }, [isLoggedIn, socket]); // 로그인 후 한 번만 emit을 보낸다. useEffect(() => { const helloCallback = (data: any) => { console.log(data); }; if (socket && isLoggedIn) { socket.emit('login', 'hello'); socket.on('hello', helloCallback); } return () => { if (socket) socket.off('hello', helloCallback); }; }, []); 아래는 emit을 계속 보내는 log 입니다.

npm으로 라이브러리를 다운 받았을 때마다 pod install을 해주는걸로 이해했는데 맞게 이해한걸까요 ?

https://github.com/JIWONKIMS/ReactNative/blob/master/src/components/InputFAB.js Error: ENOENT: no such file or directory,\rn-todo\node_modules\nanoid\url-alphabet\package.json'이런 오류가 뜹니다. (추가)npm install nanoid 후  이런 문구가 뜹니다.

//상품 추천 api (feat: tensoflow) app.get("/products/:id/recommendation", (req, res) => { const { id } = req.params; //findOne으로 req을 통해 받아온 param값 id에 맞는 상품을조회한다. models.Product.findOne({ where: { id, }, }) .then((product) => { //id와 일치하는 상품에서 type값을 뽑아서, const type = product.type; //type값과 일치하는 상품들을 모두찾는다. models.Product.findAll({ where: { type, id: { //기준이되는 id와 일치하지않는 데이터만찾겠다. //예를들어 id가4번일때 4번을제외한 4번과 같은type의 상품만 보여줘야하는데 //4번도 함께 추천이되니, 4번을 제외하게해준다. [models.Sequelize.Op.ne]: id, }, }, }).then((products) => { res.send({ products, }); }); }) .catch((error) => { console.error(error); res.status(500).send("에러가 발생했습니다.."); }); });server.js에서 추천api를 작성하고 웹에서 확인하려고하면 에러내용TypeError: Cannot read properties of null (reading 'type')at /Users/kimsehun/Desktop/market-prj/h-market-server/server.js:191:28 이런 에러가발생합니다.models-product.jsmodule.exports = function (sequelize, DataTypes) { const product = sequelize.define("Product", { name: { type: DataTypes.STRING(20), allowNull: false, }, price: { type: DataTypes.INTEGER(10), allowNull: false, }, seller: { type: DataTypes.STRING(30), allowNull: false, }, description: { type: DataTypes.STRING(300), allowNull: false, }, imageUrl: { type: DataTypes.STRING(300), allowNull: true, }, soldout: { type: DataTypes.INTEGER(1), allowNull: false, defaultValue: 0, }, type: { type: DataTypes.STRING(50), allowNull: true, }, }); return product; };  계속보고있는데,findOne부분에서 where을 통해 id값에 해당하는 상품을못찾아서 product에 데이터가 담기지않아서,type을 못불러오는거같은데.뭐가문제일까요?? 

다른 수강생분들에게도 문제 해결에 도움을 줄 수 있도록 좋은 질문을 남겨봅시다 :) 1. 질문은 문제 상황을 최대한 표현해주세요.2. 구체적이고 최대한 맥락을 알려줄 수 있도록 질문을 남겨 주실수록 좋습니다. 그렇지 않으면 답변을 얻는데 시간이 오래걸릴 수 있습니다 ㅠㅠex) A라는 상황에서 B라는 문제가 있었고 이에 C라는 시도를 해봤는데 되지 않았다!3. 먼저 유사한 질문이 있었는지 꼭 검색해주세요! 상품상세페이지 구현-2 마지막에 보면 css를 적용하고자,product폴더내에 Index.css를 만드는데, Index.js에 css를 import하지 않고 넘어가서 상세페이지구현-3 영상에서는 그냥 css를 적용하고 적용되는 모습이 영상에 담겨있습니다.원래 자동으로 Import 되는게 아니라면, 이부분에 대한 추가적인 제안이 필요할거같습니다. import "./index.css";

import { API_URL } from "./config/constants.js"; import avatarImg from "./assets/icons/avatar.png"; import React from "react"; import { StyleSheet, Text, View, Image, ScrollView, Dimensions, TouchableOpacity, Alert, } from "react-native"; import { GestureHandlerRootView } from "react-native-gesture-handler"; import Carousel from "react-native-reanimated-carousel"; 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((result) => { const products = result.data.products; setProducts(products); }) .catch((error) => { console.log("error :", error); }); axios .get(`${API_URL}/banners`) .then((result) => { const banners = result.data.banners; setBanners(banners); }) .catch((error) => { console.log("error :", error); }); }, []); return ( <GestureHandlerRootView> <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) => { return ( <TouchableOpacity onPress={() => { Alert.alert("배너 클릭"); }} > <Image style={styles.bannerImage} source={{ uri: `${API_URL}/${obj.item.imageUrl}` }} resizeMode="contain" /> </TouchableOpacity> ); }} /> <Text style={styles.headline}>판매되는 상품들!</Text> <View style={styles.productList}> {products.map((product, index) => { return ( <View key={index} style={styles.productCard}> {product.soldout === 1 && <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> </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, }, }); 어떤 오류메세지도 뜨지않고,에뮬레이터에 화면이 출력되지않는 문제가 발생합니다.Carousel을 적용하기전에는 화면 잘 출력되었는데,Carousel을 적용하니 화면이 출력되지않네요..Error: PanGestureHandler must be used as a descendant of GestureHandlerRootView. Otherwise the gestures will not be recognized. See https://docs.swmansion.com/react-native-gesture-handler/docs/installation for more details.이러한 오류가 발생해서GestureHandlerRootView 태그로 최상단에 묶어주니 저 오류는 사라졌는데,애뮬레이터의 화면이 출력되지 않는 문제가 발생합니다.서버는 잘 연결되어있는걸 확인햇습니다..뭐가문제일까요

안녕하세요, 설명 우선 launch를 할때 port를 8080으로 설정하고 setting을 해도fly.toml 파일과 dockkerfile에 port번호가 3000으로 자동으로 설정되는 문제가있어 해당파일의 port번호를 수동으로 8080으로 다시 설정하고 deploy완료했을 때 해당 주소로 접속시에 접속이 안되는 오류가발생합니다. 이미지fly.tomldockkerfilehttps://h-market-server.fly.dev/접속시 오류구글링, 다른분들의 질문을 찾아봤는데도해결하지못해, 질문드립니다. 파일을 지우고 다시런치 후 배포프로젝트를 다 지우고 gitclone해서 런치 후 배포등 다른방법들을 다 진행해봐도 해결되지않아 질문남깁니다. 

약 7분경 css는 그냥 import로 불러오시는 강의 내용이 있는데요, 이전에 import를 하기 위해선 원본 파일에서 꼭 export를 해줘야한다고 말씀해주셨던 것 같아서요.js파일과 다르게 css 파일을 불러올때는 꼭 export를 하지 않아도 되는 걸까요?

사용중인 node 버전이 v20.10.0. 입니다.react-native 버전 0.66 실행에 문제가 있나요?

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.1node 20.10.0NMapsMap 3.17.0npm 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

안녕하세요 제로초님 윈도우로만 작업을 하다가 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 해줬습니다프로젝트를 몇번 지웠다가 다시 실행중인데 계속해서 오류가 동일한 오류가 뜨네요! (설치한 게 적용이 안됐나 싶어서 전원도 껐다가 켰는데 동일합니다) 혼자 힘으로 어떻게든 해결해보려고 연휴 내내 잡고 있었는데 아직 많이 부족한 것 같습니다. 이미 너무 많은 시도와 설치를 해서 어디가 잘못됐는지도 감이 안잡히는 상태라 초기화도 생각하고 있습니다. 질문 받아주셔서 감사합니다 제로초님! 새해 복 많이 받으세요

강의에서 주로 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 다운 받아야 다음 영상으로 넘어갈 탠데 어떻게 해야하나요 크롬 켜면 화면이 엄청 깨져서 진행을 못하고있습니다