묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결맛집 지도앱 만들기 (React Native + NestJS)
marker.d.ts 관련
강의에 나오는것처럼 진행했을때 import {LatLng, MapMarkerProps} from 'react-native-maps'; declare module 'react-native-maps' { export interface MyMapMarkerProps extends MapMarkerProps { coordinate?: LatLng; } } 'MyMapMarkerProps' 인터페이스가 'MapMarkerProps' 인터페이스를 잘못 확장합니다.'MyMapMarkerProps' 형식은 '{ anchor?: Point | undefined; calloutAnchor?: Point | undefined; calloutOffset?: Point | undefined; centerOffset?: Point | undefined; coordinate: LatLng; ... 22 more ...; zIndex?: number | undefined; }' 형식에 할당할 수 없습니다.'coordinate' 속성의 형식이 호환되지 않습니다.'LatLng | undefined' 형식은 'LatLng' 형식에 할당할 수 없습니다.'undefined' 형식은 'LatLng' 형식에 할당할 수 없습니다.ts(2430)⚠ Error (TS2430) | MyMapMarkerProps 인터페이스가 MapMarkerProps 인터페이스를 잘못 확장합니다. MyMapMarkerProps 형식은 { anchor?: Point | undefined; calloutAnchor?: Point | undefined; calloutOffset?: Point | undefined; centerOffset?: Point | undefined; coordinate: LatLng; ... 22 more ...; zIndex?: number | undefined; } 형식에 할당할 수 없습니다.동일하게 ?을 넣을 수없는 에러가 생겨서 import {LatLng, MapMarkerProps} from 'react-native-maps'; declare module 'react-native-maps' { export interface MyMapMarkerProps extends Partial<MapMarkerProps> { coordinate?: LatLng; } } 우선 아래와 같이 처리해 보았습니다만 CustomMarker.tsx에서 MyMapMarkerProps를 못불러오는 문제가 있습니다.
-
미해결따라하며 배우는 리액트 네이티브 기초
There was a problem loading the requested app
qr코드를 카메라로 찍어서 expo로 열면 다음과 같이 연결할 수 없다고 뜨는데 어떻게 해결할 수 있을까요?
-
미해결맛집 지도앱 만들기 (React Native + NestJS)
Nested Navigation 구조 설계에 대한 질문 드려도되나요?
안녕하세요 강사님강의 내에서 구성한 Nested Navigation 구조를 참고하여 무신사(musinsa)와 같은 화면 구성을 시도해 보고 있는데 navigation 구조 설계가 생각보다 어려워서 질문 드립니다.원하는 구조는 Bottom Tab에 따라서 Topbar Screen에 해당하는 부분에 장바구니와 알림 버튼이 들어가게 하고싶은데 아래와 같은 navigation 설계로 가능한지 질문드립니다.AuthStackNavigatorAuthHomeScreenKakaoLoginScreenBottomTabNavigatorHomeStackTopbarScreenHomeScreenStoreStackMypageStack ❗질문 작성시 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요!
-
미해결리액트네이티브 블록체인 dapp 개발 시리즈4(기초입문)
React Native 설치 전 단계가 무엇일까요?
안녕하세요, React Native CLI로 앱을 만들려고하는데, 자바 설정이나 Gradle 설정이 안되어 있어 에러가 납니다.혹시 React Native CLI 설치를 위해 해야 할 필수 과정이 있을까요?JAVA_HOME 환경 변수 설정이나 JAVA 설치를 해야하나요??EXPO CLI는 열리는데 React Native CLI는 열리지 않더라고요ㅜㅜ앱 제작을 위해 React Native CLI가 필수라 도움 부탁드립니다!
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
nest.js와 typeORM 지식이 있어야할까요?
강의 후반부에 백엔드를 공부하기 위해선 react-query처럼 선수지식이 있어야될까요?
-
미해결배달앱 클론코딩 [with React Native]
FastImage의 source속성 질문
FastImage의 source속성의 uri값으로 넣는 주소 API는 API.md엔 나와있지 않던데 이것도 백엔드 서버로 GET요청을 보내는 것이고 그에 따라 백엔드 서버가 해당 요청이 왔을 때 이미지를 보내주는 API를 직접 구현해야 하는게 맞죠?
-
해결됨비전공자를 위한 진짜 입문 올인원 개발 부트캠프
settings.jason 3가지
settings.json 을 검색하면 3가지가 뜹니다. user workspace default 이렇게 3가지 뜨는데, 제가 다 눌러보니 어떤건 영어문장이이 막 나오고, 어떤건 비어있는걸로 나오는데 user 로 하면 될까요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
프로젝트가 만들어지지 않습니다.
맥북 m1으로 똑같이 설정을 했습니다.그리고 npx react-native init MatzipApp으로 프로젝트를 실행하면 아래오 같은 메시지가 나옵니다. Downloading template ✔ Copying template ⠸ Processing template➤ YN0000: Retrieving https://repo.yarnpkg.com/3.6.4/packages/yarnpkg-cli/bin/yarn.js ⠙ Processing template➤ YN0000: Saving the new release in ../../../.yarn/releases/yarn-3.6.4.cjs ➤ YN0000: Done in 0s 666ms ⠼ Processing template➤ YN0000: Successfully set nodeLinker to 'node-modules' ✔ Processing template ⠸ Installing dependencieserror Installing pods failed. This doesn't affect project initialization and you can safely proceed. However, you will need to install pods manually when running iOS, follow additional steps in "Run instructions for iOS" section. ✖ Installing dependencies info 💡 To enable automatic CocoaPods installation when building for iOS you can create react-native.config.js with automaticPodsInstallation field. For more details, see https://github.com/react-native-community/cli/blob/main/docs/projects.md#projectiosautomaticpodsinstallation ✔ Initializing Git repository Run instructions for Android: • Have an Android emulator running (quickest way to get started), or a device connected. • cd "/Users/xxx/React-Project/React-Native/MatzipApp" && npx react-native run-android Run instructions for iOS: • cd "/Users/sss/React-Project/React-Native/MatzipApp/ios" • Install Cocoapods • bundle install # you need to run this only once in your project. • bundle exec pod install • cd .. • npx react-native run-ios - or - • Open MatzipApp/ios/MatzipAppcd .xcodeproj in Xcode or run "xed -b ios" • Hit the Run button Run instructions for macOS: • See https://aka.ms/ReactNativeGuideMacOS for the latest up-to-date instructions.이런 메시지가 뜨고 npm run start로 실행을 하면 command not found메시지가 뜨면서 애뮬레이터도 실행이 안됩니다.ㅠㅠ
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
[6-7] FeedDetail화면에서 뒤로가기시(goBack) 질문
안녕하세요.하단 탭 메뉴 중 즐겨찾기 탭으로 이동하여 FeedItem 선택 후 FeedDetail 화면으로 이동한 후 뒤로 가기를 누르면 즐겨찾기 탭 으로 가는게 아니라 FeedHome 탭으로 이동합니다.즐겨찾기탭으로 돌아가게 하려면 어떻게 해야 될까요. ❗질문 작성시 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요!
-
미해결배달앱 클론코딩 [with React Native]
프로젝트를 만드는데 templateerror라는 메시지가 나옵니다.
안녕하세요.프로젝트를 새로 만들 때npx react-native MyProjectApp 으로 실행을 하면 아래와 같이 templatererror가 나옵니다.⠦ Downloading templateerror Installing pods failed. This doesn't affect project initialization and you can safely proceed. However, you will need to install pods manually when running iOS, follow additional steps in "Run instructions for iOS" section. ✖ Downloading template info 💡 To enable automatic CocoaPods installation when building for iOS you can create react-native.config.js with automaticPodsInstallation field. For more details, see https://github.com/react-native-community/cli/blob/main/docs/projects.md#projectiosautomaticpodsinstallation Run instructions for Android: • Have an Android emulator running (quickest way to get started), or a device connected. • cd "/Users/xxx/React-Native/MyProjectApp" && npx react-native run-android Run instructions for iOS: • cd "/Users/xxx/React-Native/MyProjectApp/ios" • Install Cocoapods • bundle install # you need to run this only once in your project. • bundle exec pod install • cd .. • npx react-native run-ios - or - • Open MyProjectApp/ios/MyProjectApp.xcodeproj in Xcode or run "xed -b ios" • Hit the Run button Run instructions for macOS: • See https://aka.ms/ReactNativeGuideMacOS for the latest up-to-date instructions. 코코아팟도 설치가 되어있어서pod --version 을 하면1.15.2라고 버전이 나옵니다.해당 프로젝트로 들어가서 npx pod-install을 실행하면 이상하게 MyProjectApp 과 같은 레벨의 경로에서 FoodDeliveryApp 이라는 폴더가 생성이 되고, 그 안에는 apps와 repos라는 폴더가 생성이 됩니다.안에는 아무것도 내용이 없어요.프로젝트를 만들고 xcode로 빌드하고, 클린하고, 안드로이드 스튜디오에서 열고 삭제하고 인텔리에서 프로젝트를 열고 지우고 하는것을 여러번 반복했었는데파일들이 깨끗하게 지워지지 않아서 기존에 만들었던 프로젝트가 생성이 되는지는 모르겠네요..그리고 해당 경로로 들어가면 아무런 파일도 생성이 안되어 있습니다.
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
ios 앱 심사 정보
안녕하세요 친절한 강의에 정말 감사드립니다^^ios앱 심사 정보 작성에 여쭤볼게 있는데요.심사 과정에 통과하려면 backend 배포가 된 상태여야 심사가 가능하니, backend 배포가 선행돼야 하는건가요?앱에 로그인할 수 있도록 사용자 이름 및 암호를 입력하십시오. 앱 심사를 완료하려면 로그인 정보가 필요합니다.
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
No overload matches this call.
안녕하세요 강사님강의 진행중에 아래와 같은 안내가 있는데 제공해주신 강의 깃헙 코드와 비교했을 때 아무리 찾아봐도 다른 코드가 보이질 않습니다 따로 에러는 발생하지 않는데 혹시 일종의 경고의 메세지 같은걸까요??
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
android MainActivity.java 문의 건
안녕하세요 강사님2:05 진행 과정에서 저는 java가 아닌 Kotlin으로 되어있어서요ChatGPT로 변경하는 요청을 했는데 아래와 같이 안내하고 있습니다혹시 이대로 진행하면 될까요? override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(null) }
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
input에 입력 시 오류 문의 건
안녕하세요 강사님input에 입력을 하면 텍스트가 자꾸 사라지면서 로그에는 아래와 같이 오류가 발생하는데 혹시 해결방법을 알 수 있을까요...!?
-
미해결배달앱 클론코딩 [with React Native]
프로젝트 생성시 원하는 도매인으로 변경하는것고, 안드로이드를 자바로 시작할려면 어떻게 해야할까요?
강의를 보면서 Git 자료를 함께 참조해서 학습중입니다. README 파일을 보면 아래와 같이 프로젝트를 생성하게 되는데npx react-native init FoodDeliveryApp 안드로이드의 경로를 보면 android > app > src > main > java 하위 경로를 보면 com.fooddeliveryapp 이라고 생성이 되는데만약 회사의 도메인으로 생성을 원할경우 mycompany.co.kr 로 생성을 할려면 어떤식으로 생성을 해야하는지 문의드립니다.아니면 npx react-native init mycompany로 프로젝트를 생성한 후에 위의 안드로이드 경로를 com에서 co.kr로 변경해서kr.co.mycompany 로 프로젝트 경로를 임의로 변경을 해도 문제가 없을까요? 검색을 해서 정리를 해 본 내용으로는1. npx react-native init mycompany로 프로젝트를 만들고2. android에서 java 하위의 구조를 kr.co.mycompany로 변경3. 하위 파일의 소스중 패키지 경로를 kr.co.mycompany로 변경4. android/app안의 build.gradle 부분의 namespace와 applicationId를 변경.5. 터미널로 android 경로 안으로 들어가서 ./gradlew clean6. iOS의 경우에는 Xcode의 General부분에서 Bundle Identifier 부분 변경이렇게 하면 된다고 하는데 혹시 잘못된 부분이나 빠진 부분이 있을까요??(안드로이드는 변경할 파일들이 좀 있는데 iOS는 간단하네요) 참.. 그리고 하나 더 궁금한게 npx react-native init FoodDeliveryApp으로 프로젝트를 만들면 기본적으로 안드로이드는 코틀린 프로그램으로 되던데 이것을 자바로 만드는 방법이 따로 있을까요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
시뮬레이터가 안열립니다.
ios는 저 상태로 무반응이구요. 안드로이드는 이런에러가 나는데 다른분 질문 참고해서 안드 시뮬레이터를 켜고 하면 되긴하는데미리 시뮬레이터를 켜지 않은 상태에서는 저런 에러가 나네요특이사항은 예전에 혼자 expo로 간단하게 ios, android 시뮬레이터연결 해본적 있었습니다.방금도 expo 프로젝트에서는 ios랑 android 시뮬레이터 잘 오픈되구요혹시 몰라 구글링해서 xcode 캐시삭제해보라해서 삭제한 상태구요 "react-native": "0.72.6" "node": v20.10.0 nvm:0.39.7 watchman : 2024.04.22.00 ruby : ruby 2.7.6p219 (2022-04-12 revision c9c2245c0a) [arm64-darwin23] xcode: 15.3
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
시뮬레이터가 작동하지 않아요ㅠ
상황: 1-5 강의 듣는중이고, ruby 2.7.6 까지 세팅 하였습니다.(과정에 조금 문제가 있었지만 성공);npx ~ --version 0.72.6 에러 없이 성공그 후 npm run ios >> 시뮬레이터 뜸 >> 앱 실행 안됨에러 내용이 너무 많아 처음과 끝만 올렸어요ㅠinfo Found Xcode workspace "MatdoriApp.xcworkspace" info Found booted iPhone SE (3rd generation) info Launching iPhone SE (3rd generation) info Building (using "xcodebuild -workspace MatdoriApp.xcworkspace -configuration Debug -scheme MatdoriApp -destination id=CBBF6748-CE87-48B0-B69A-") info 💡 Tip: Make sure that you have set up your development environment correctly, by running react-native doctor. To read more about doctor command visit: https://github.com/react-native-community/cli/blob/main/packages/cli-doctor/README.md#doctor . . . error Failed to build iOS project. We ran "xcodebuild" command but it exited with error code 65. To debug build logs further, consider building your app with Xcode.app, by opening MatdoriApp.xcworkspace. Command line invocation: /Applications/Xcode.app/Contents/Developer/usr/bin/xcodebuild -workspace MatdoriApp.xcworkspace -configuration Debug -scheme MatdoriApp -destination id=CBBF6748-CE87-48B0-B69A-14A62A514208 User defaults from command line: IDEPackageSupportUseBuiltinSCM = YES Prepare packages warning: Run script build phase 'Start Packager' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatdoriApp' from project 'MatdoriApp') warning: Run script build phase 'Bundle React Native code and images' will be run during every build because it does not specify any outputs. To address this warning, either add output dependencies to the script phase, or configure it to run in every build by unchecking "Based on dependency analysis" in the script phase. (in target 'MatdoriApp' from project 'MatdoriApp') --- xcodebuild: WARNING: Using the first of multiple matching destinations: { platform:iOS Simulator, id:CBBF6748-CE87-48B0-B69A-, OS:17.4, name:iPhone SE (3rd generation) } { platform:iOS Simulator, id:CBBF6748-CE87-48B0-B69A-, OS:17.4, name:iPhone SE (3rd generation) } ** BUILD FAILED ** The following build commands failed: CompileC /Users/ajrfyd/Library/Developer/Xcode/DerivedData/MatdoriApp-dzlyrdyzrnadjbcljrudendrtkwk/Build/Intermediates.noindex/Pods.build/Debug-iphonesimulator/FlipperKit.build/Objects-normal/arm64/FlipperPlatformWebSocket.o /Users/ajrfyd/Desktop/practice/inflearn/MatdoriApp/ios/Pods/FlipperKit/iOS/FlipperKit/FlipperPlatformWebSocket.mm normal arm64 objective-c++ com.apple.compilers.llvm.clang.1_0.compiler (in target 'FlipperKit' from project 'Pods') (1 failure) 환경: OS: macOS 14.4.1CPU: (8) arm64 Apple M1 Node: 18.16.0 Yarn: 1.22.22 npm: 9.5.1Watchman: 2024.04.15.00CocoaPods: 1.15.2iOS SDK: Platforms: - DriverKit 23.4 - iOS 17.4 - macOS 14.4 - tvOS 17.4 Android SDK: Not Found // 이건 왜 그런지 몰겠음...강의 따라 설치 되어 있는데..ㅠAndroid Studio: 2022.1 AI-221.6008.13.2211.9619390 Xcode: 15.3/15E204aJava: 17.0.11 Ruby: 2.7.6npmPackages: "@react-native-community/cli": Not Found react: 18.2.0 react-native: 0.72.6 react-native-macos: Not FoundnpmGlobalPackages: "*react-native*": Not FoundAndroid: hermesEnabled: true newArchEnabled: falseiOS: hermesEnabled: true newArchEnabled: false 에러 내용으로 아무리 검색 해 봐도 답이 없네요ㅠ도와 주실 수 있을까요??참고로 예전에 리엑트 네이티브, 엑스포 프로젝트 좀 했었고,이번에 한번 다시 듣고파 결제 했습니다 .xcode 버전 지원안된다 하여 최신으로 깔고, watchmanpython에러 잡아서 다시 깔고, 루비 이슈 해결하고, 안드로이드 스튜디오는 딱히 다시 깔지 않아도 될것 같아 놔두고 설명해 주신 이미지 13이랑 32?? 등등 깔고, 공식문서에서 이미 깔린 react-native/cli는 지우는걸 추천해서 지우고 이정도 입니다 ..
-
미해결iOS/Android 앱 개발을 위한 실전 React Native - Basic
RN 자동완성 기능 질문
ActivityIndicator 같은 라이브러리를 import할때 자동완성 기능은 어떤 플러그인을 쓰신건가요?저는 자동완성이 되는게 View, Text 컴포넌트말고는 없어서요..RN용 플러그인을 따로 쓰신건가요?
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
자동 import 질문
안녕하세요 강사님저는 import 할 때마다 아래 처럼 생성했더니 따로 import 줄이 생성이 됩니다import { SafeAreaView } from './node_modules/react-native/types/index';혹시 강사님처럼 자동으로 아래 코드에 들어갈 수 있도록 하는 방법을 알 수 있을까요?import {SafeAreaView, Button, StyleSheet, Text, View} from 'react-native';
-
해결됨맛집 지도앱 만들기 (React Native + NestJS)
맥북이 없는데 어떻게 하나요?
❗질문 작성시 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요!맥없이 해도 되나요?