묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
for반복문 안에 for반복문으로 배열 요소 뽑기
인강 한바퀴 다 듣고 이제 제 개인 프로젝트를 하나 해보고싶어 다시 들으면서 조금 변형시키면서 만드는 중입니다.객체 안에 배열을 하나 넣어뒀는데, 그것을 반복문으로 배열의 요소 만큼 태그를 생성시키고 싶어 이중for문을 사용했는데, characters의 다음요소가 들어가버려서 모양이 이상하게 됩니다.... 이렇게는 아예 못쓰는건가요?character-tag에 css를 설정해두어 없애면 안됩니다.사진이 넘치는건 overflow: hidden을 안했습니다.
-
미해결배달앱 클론코딩 [with React Native]
Tmap 설치했으나 callback false 떠요..ㅜㅜ
안드로이드에 설치했는데 계속 설치하라고 뜨네요 패키지에 추가도 했습니다. npm start -- --reset-cache./gradlew clean 두가지 다 해봤어요<queries> <package android:name="com.skt.tmap.ku" /> </queries>
-
미해결배달앱 클론코딩 [with React Native]
따라하다보니 index.d.ts 없는데 제가 놓친게 있는걸까요?
강의 보고 하고있는데 제가 놓친게 있는거같아요.. index.d.ts안보이는데 왜 그런건가요?지금 헤매고있습니다 ㅠㅠ
-
미해결배달앱 클론코딩 [with React Native]
npm i react-native-nmap --force 에러
이런 에러가 떠요 그리고 패키지.json에서 라이브러리 nmap을 지우면 다시 에러가 안뜨고 그래서 헤매고있습니다..
-
미해결처음 배우는 리액트 네이티브
버젼 업데이트
전에 알려주셨던 대로 해서 초기 실행 과정은 성공했습니다! 그런데 여기서 깃에 있는 로그인 관련 앱 코드 올려주신 것을 통해 구동을 해보려고 하는데 첫 번째 사진과 같이 버젼 오류가 떠서 이것을 해결하려고 아래 사진과 같은 시도를 해보았는데 결과가 저런 에러가 떴어서 어떻게 해야할 지 모르겠습니다. 구글링 해보면서 찾아보고 있지만 마땅히 해결이 되지 않아서 도움 요청합니다!
-
미해결배달앱 클론코딩 [with React Native]
navigation options presentation
안녕하세요.navigation options presentation 속성에 대한 질문입니다.만들고자 하는 서비스에서 탭간 이동시에도 화면 전환 효과를 주고싶은데, Stack.Screen 에서는 options에 presentation을 줄 수 있는데 Tab.Screen 에서는 options 에 presentation을 쳐도 자동완성이 안되는것 같아서 질문드립니다.1. 탭간 이동시에는 presentation 속성을 줄 수 있는 방법이 없나요?2. 만약 없다면 화면이 랜더링될때 직접 화면 전환 애니메이션 효과를 주는 방법으로 가는게 맞을까요?감사합니다 :)
-
미해결따라하며 배우는 리액트 네이티브 기초
Scroll View
강의에서 scroll view를 따라 하려했는데 잘안됩니다.원인을 찾아보니 안드로이드에서는 스크롤뷰 안에 스크롤뷰 는 적용이 안되는 것 같습니다. 그래서 찾아본결과 중첩 스크롤 뷰는 nestedScrollEnabled={true}이걸 적용해야 하는것 같은데 이것 을 써도 잘 안됩니다 코드는 아래와 같습니다import {View, Text, ScrollView} from 'react-native'; import React from 'react'; const Stories = () => { return ( <ScrollView horizontal={true} nestedScrollEnabled={true} // showHorizontalScrollIndicator={false} style={{paddingVertical: 20}}> <View style={{flexDirection: 'row'}}> <Text style={{margin: 10}}>Story 1</Text> {/* ...more stories */} </View> </ScrollView> ); }; export default Stories;
-
미해결틴더 파이어베이스 클론 | 리액트 네이티브
디스코드가 올바르지 않은 코드라고 떠요,,,,
디스코드가 올바르지 않은 코드라고 떠요,,,,
-
미해결따라하며 배우는 리액트 네이티브 기초
이오류가 계속 뜹니다. 해결방법을 도저히 모르겠습니다
calling synchronize methods on native modules is not supported in chromeError: Unable to resolve module ./debugger-ui/debuggerWorker.aca173c4 from C:\Users\SSAFY\Desktop\CLI0830\RNInsta/.:
-
미해결처음 배우는 리액트 네이티브
expo start중 metro bundler가 같이 실행되지 않아요
사진과 같이 실행된다고는 뜨는데 따로 웹페이지로 열리지도 않아서 s 누른 후 나오는 주소(http://localhost:8081)로 타고들어가도 강의내용과 같은 페이지가 열리지가 않습니다. expo 재설치를 해보았는데도 여전한데 어떻게 해결할수 있을까요??
-
해결됨처음 배우는 리액트 네이티브
모바일 expo 실행오류
windows cmd창에서 nvm이랑 nodejs가 다운이 되지 않아서 Ubuntu를 이용해서 다운 받고 첫 번째 사진까지 진행 했으나 밑에 화면이 모바일 expo 화면인데 모바일에서 프로젝트 실행이 되지 않습니다. 제가 무언가 빠진 것이 있는 걸까요
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
커밋 메시지가 잘 이해 안됩니다
커밋 메시지가 뭔가요?git commit -m "project init" 에서"project init" 대신 다른 것을 써넣어도 작동하나요?"project init" 이 어떤 역할을 하는지 잘 모르겠습니다.
-
미해결처음 배우는 리액트 네이티브
안드로이드에서 expo실행이 안되요
프로젝트 생성하고 expo start로 나온 qr코드를 expo go에서는 Uncaught Error : java.lang.Exception: Failed to load all assets 뜨면서 오류화면만 출력하는데 어떻게 해결하나요??
-
해결됨처음 배우는 리액트 네이티브
터미널 다운 및 사용방법
안녕하세요 처음 프로젝트를 만들고 싶어 강의를 수강하게 된 학생입니다. 혹시 강의 초반에 JDK같은 여러 설치 파일들을 AltchemistK라는 터미널로 설치하시던데 이 터미널을 어디서 다운받아 사용하는지 몰라서 질문드립니다.
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
node server.js 실행 시 오류 발생
Express에서 데이터 처리하기 강의 수강 중에 생긴 오류 입니다. 이후에 포스트맨에서 body 수정 후 send 시에도 Error: connect ECONNREFUSED이 오류가 떳습니다.index.js를 실행 후에 웹 브라우저에 http://localhost:8080/products 입력하면 [{"name":"농구공","price":5000}] 이렇게 웹 화면에 뜨면서 node:events:492 thorw er;도 같이 뜨면서 서버 에러가 납니다 database.sqlite3을 vs코드 열었을 때는 위 사진처럼 뜨고sqllite로 열었을 때는 읽을 수 없다고 뜹니다
-
미해결배달앱 클론코딩 [with React Native]
cocoapods 문제로 에러 발생
cocoapods 문제로 또 에러가 떴어요 ㅠ 에러 메세지는 아래와 같아요그거해서 cocoapods설치하고 npx ~ 로 Awesomeproject 생성했는데 아래 오류가 발생했어요터미널 껐다 켰는데도 같아요 ㅠ---------------------✔ Downloading template✔ Copying template✔ Processing template✔ Installing Ruby Gems✖ Installing CocoaPods dependencies (this may take a few minutes)error Framework build type is static library[Codegen] Generating ./build/generated/ios/React-Codegen.podspec.jsonAnalyzing 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 the release tarball from Maven CentralAdding spec repo trunk with CDN https://cdn.cocoapods.org/Downloading dependenciesInstalling CocoaAsyncSocket (7.6.5)Installing DoubleConversion (1.1.6)Installing FBLazyVector (0.72.4)Installing FBReactNativeSpec (0.72.4)Installing Flipper (0.182.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.182.0)Installing OpenSSL-Universal (1.1.1100)Installing RCT-Folly (2021.07.22.00)Installing RCTRequired (0.72.4)Installing RCTTypeSafety (0.72.4)Installing React (0.72.4)Installing React-Codegen (0.72.4)Installing React-Core (0.72.4)Installing React-CoreModules (0.72.4)Installing React-NativeModulesApple (0.72.4)Installing React-RCTActionSheet (0.72.4)Installing React-RCTAnimation (0.72.4)Installing React-RCTAppDelegate (0.72.4)Installing React-RCTBlob (0.72.4)Installing React-RCTImage (0.72.4)Installing React-RCTLinking (0.72.4)Installing React-RCTNetwork (0.72.4)Installing React-RCTSettings (0.72.4)Installing React-RCTText (0.72.4)Installing React-RCTVibration (0.72.4)Installing React-callinvoker (0.72.4)Installing React-cxxreact (0.72.4)Installing React-debug (0.72.4)Installing React-hermes (0.72.4)Installing React-jsi (0.72.4)Installing React-jsiexecutor (0.72.4)Installing React-jsinspector (0.72.4)Installing React-logger (0.72.4)Installing React-perflogger (0.72.4)Installing React-rncore (0.72.4)Installing React-runtimeexecutor (0.72.4)Installing React-runtimescheduler (0.72.4)Installing React-utils (0.72.4)Installing ReactCommon (0.72.4)Installing SocketRocket (0.6.1)Installing Yoga (1.14.0)Installing YogaKit (1.18.1)Installing boost (1.76.0)Installing fmt (6.2.1)Installing glog (0.3.5)[!] /bin/bash -c set -e#!/bin/bash# Copyright (c) Meta Platforms, Inc. and affiliates.## This source code is licensed under the MIT license found in the# LICENSE file in the root directory of this source tree. set -e PLATFORM_NAME="${PLATFORM_NAME:-iphoneos}"CURRENT_ARCH="${CURRENT_ARCH}" if [ -z "$CURRENT_ARCH" ] || [ "$CURRENT_ARCH" == "undefined_arch" ]; then # Xcode 10 beta sets CURRENT_ARCH to "undefined_arch", this leads to incorrect linker arg. # it's better to rely on platform name as fallback because architecture differs between simulator and device if [[ "$PLATFORM_NAME" == "simulator" ]]; then CURRENT_ARCH="x86_64" else CURRENT_ARCH="arm64" fifi # @lint-ignore-every TXT2 Tab Literalif [ "$CURRENT_ARCH" == "arm64" ]; then cat <<\EOF >>fix_glog_0.3.5_apple_silicon.patchdiff --git a/config.sub b/config.subindex 1761d8b..43fa2e8 100755--- a/config.sub+++ b/config.sub@@ -1096,6 +1096,9 @@ case $basic_machine in basic_machine=z8k-unknown os=-sim ;;+ arm64-*)+ basic_machine=$(echo $basic_machine | sed 's/arm64/aarch64/')+ ;; none) basic_machine=none-none os=-noneEOF patch -p1 config.sub fix_glog_0.3.5_apple_silicon.patchfi export CC="$(xcrun -find -sdk $PLATFORM_NAME cc) -arch $CURRENT_ARCH -isysroot $(xcrun -sdk $PLATFORM_NAME --show-sdk-path)"export CXX="$CC" # Remove automake symlink if it existsif [ -h "test-driver" ]; then rm test-driverfi # Manually disable gflags include to fix issue https://github.com/facebook/react-native/issues/28446sed -i.bak -e 's/\@ac_cv_have_libgflags\@/0/' src/glog/logging.h.in && rm src/glog/logging.h.in.baksed -i.bak -e 's/HAVE_LIB_GFLAGS/HAVE_LIB_GFLAGS_DISABLED/' src/config.h.in && rm src/config.h.in.bak ./configure --host arm-apple-darwin cat << EOF >> src/config.h/* Add in so we have Apple Target Conditionals */#ifdef APPLE#include <TargetConditionals.h>#include <Availability.h>#endif /* Special configuration for ucontext */#undef HAVE_UCONTEXT_H#undef PC_FROM_UCONTEXT#if defined(__x86_64__)#define PC_FROM_UCONTEXT uc_mcontext->__ss.__rip#elif defined(__i386__)#define PC_FROM_UCONTEXT uc_mcontext->__ss.__eip#endifEOF # Prepare exported header includeEXPORTED_INCLUDE_DIR="exported/glog"mkdir -p exported/glogcp -f src/glog/log_severity.h "$EXPORTED_INCLUDE_DIR/"cp -f src/glog/logging.h "$EXPORTED_INCLUDE_DIR/"cp -f src/glog/raw_logging.h "$EXPORTED_INCLUDE_DIR/"cp -f src/glog/stl_logging.h "$EXPORTED_INCLUDE_DIR/"cp -f src/glog/vlog_is_on.h "$EXPORTED_INCLUDE_DIR/" patching file config.sub1 out of 1 hunks failed--saving rejects to config.sub.rej✖ Installing CocoaPods dependencies (this may take a few minutes)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.---------------------
-
미해결배달앱 클론코딩 [with React Native]
messaging().setBackgroundMessageHandler 핸들링 미적용
안녕하세요 강의 잘 듣고 있습니다. 현재 강의를 듣고 FCM을 구현하던 중 백그라운드 상태에서 push 알림을 핸들링 하고자하는데 어려움이 있어 질문 남겨요.messaging().setBackgroundMessageHandler(async remoteMessage => { const channelId = Platform.OS === 'ios' ? remoteMessage.category : remoteMessage.notification?.android?.channelId; console.log('FCM Channel ID:', channelId); if (channelId === 'example-sample') { // 해당 채널 ID가 'example-sample'인 경우 Push 알림 노출하지 않고 종료합니다. return; } }); 목표 ( 채널을 통한 알림 수신 거부 처리 )1. 앱서버에서 메시지 전송시 channel id값을 담아 발송.2. 앱이 background or quick 일때 특정 channel id시에는 push 알림 비 노출해당 메소드를 정상적으로 타긴 하지만 이미 디바이스에서는 알림이 오고 있습니다. 백그라운드 또는 종료 상태일경우 FCM 메시지를 컨트롤 할 수 없는 것일까요?
-
미해결배달앱 클론코딩 [with React Native]
Installing CocoaPods 설치가 안된다고 나옵니다
npx react-native@latest init AwesomeProject를 했는데 자동으로 다운이 되지 않고 sudo gem~으로 다운할려구 했는데 이것도 안되네요.. 왜이럴까요..!?
-
미해결처음 배우는 리액트 네이티브
expo init 에러
expo init mfp 를 실행했는데이런 에러가 나오네요 어떻게 해결해야할까요
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
추가 질문
https://www.inflearn.com/questions/961239/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EB%A5%BC-%EB%A7%88%EC%B9%98%EB%A9%B0-%EB%B0%B0%ED%8F%AC-%ED%8E%98%EC%9D%B4%EC%A7%80%EC%97%90%EC%84%9C-%EC%97%85%EB%A1%9C%EB%93%9C-%EC%9E%91%EB%8F%99%EC%9D%B4-%EC%95%88%EB%90%A8"프로젝트를 마치며 배포 페이지에서 업로드 작동이 안됨"이라는 제목의 질문글의 추가 질문입니다.=====================이전 질문 내용==========================================상품 업로드에 관한 이슈과정을 다 마치고, fly.io와 vercel.com을 통하여 배포한 페이지 중에서 상품 업로드가 제대로 이뤄지지 않습니다.github 주소 :https://github.com/arominddo/Inflearn_full_stack_boot_campvercel을 통해 배포된 web 어플리케이션 url :https://grab-market-client-ashen.vercel.app/ grab_market_web > src > upload > index.js에 코드 내용이 작성되어 있습니다. 배포된 페이지의 DB 초기화 문제프로젝트를 전부 마치면서, 다시 한번 fly.io에 최신 코드로 재배포를 해보고 실험을 해보았는데도, web에서 특정 상품을 업로드하거나(오류가 나지 않았을 당시), 상품 구매하기 기능을 통하여 soldout 값을 1로 바꿔줬음에도,약 5분이 지나면 DB가 배포 됐을 당시의 내용으로 계속 초기화가 됩니다.해결 방안이 궁금합니다.ex) A라는 물건 업로드 -> 5분 지남 -> 새로고침 해보면 A라는 물건이 리스트에서 삭제ex) B라는 물건 구매 하기 버튼 클릭 -> soldout 값 1로 변경 -> 약 5분 지남 -> 다시 soldout 값 0으로 복귀=================================================================================== 위와 같은 이전 질문 내용에서 1번에 해당하는 답변으로, 어떤 오류 로그가 뜨냐고 물어보셔서 여기 다시 남겨봅니다. 위 사진은 vercel을 통해 배포 된 Web에서 upload를 시도하면 나오는 오류 로그입니다. upload 시도 시에 fly.io 모니터화면에서 볼 수 있는 오류입니다.참고로, Local 환경에서 같은 코드로 npm start로 실행된 서버와 web에서는 업로드 기능이 잘 작동됩니다. 재부팅에 관련된 로그라고 생각되는 부분 캡쳐해서 보내드립니다. 이와 같은 로그가 뜨면서 배포된 서버의 내용이 배포 시점으로 돌아가는 것 같습니다.그런데 로그를 보자면 reboot라는 것이 단순히 서버를 죽였다가 다시 올리는 것으로 생각 되는데, 배포된 서버가 돌아감에 있어서 업로드 되거나 값이 변했던 내용들이 다 사라지는 것이 이해가 되지 않습니다ㅠㅠ