묻고 답해요

더이상 학습 진행이 안됨...

미해결

틴더 파이어베이스 클론 | 리액트 네이티브

FB) 파이어 베이스 로그인 (2) - Google Auth 여기서부터 진행이 안되는데 화면에서 혹시 빼먹은 부분이 있는게 아닌가 생각이 듭니다.

• react-native
• firebase

push noti background handler에서 userSlice를 가져오고 싶어요.

미해결

배달앱 클론코딩 [with React Native]

App.tsx에서요. messaging().setBackgroundMessageHandler(async remoteMessage => { console.log('Message handled in the background!', remoteMessage); }); 백그라운드상태에서 푸시알림이 왔을때 axios로 서버 http call을 하고 싶은데요. accesstoken과 userId를 넣어 call하려고 합니다. userSlice를 가져오는걸 어떻게 코드에 적용할 수 있을까요? 예시를 해 주시면 더욱 감사합니다.

• react-native

리액트 네이티브에서 안드로이드 실행

미해결

iOS/Android 앱 개발을 위한 실전 React Native - Basic

(node:13548) Warning: Accessing non-existent property 'padLevels' of module exports inside circular dependency (Use `node --trace-warnings ...` to show where the warning was created) error Android project not found. Are you sure this is a React Native project? If your Android files are located in a non-standard location (e.g. not inside 'android' folder), consider setting ` project.android .sourceDir` option to point to a new location. 이거 무슨 에러인가요ㅠㅠ

• react
• react-native
• es6
• node

혹시 매번 phone token 서버에 저장하게 되나요?

미해결

배달앱 클론코딩 [with React Native]

/** * token for push notification of firebase */ useEffect(() => { async function getToken() { try { if (!messaging().isDeviceRegisteredForRemoteMessages) { await messaging().registerDeviceForRemoteMessages(); } const token = await messaging().getToken(); console.log('== phone token', token); // dispatch(userSlice.actions.setPhoneToken(token)); return http.put( '/user-ms-command/v1/users/phone-token', {phoneToken: token}, { headers: { Authorization: `Bearer ${accessToken}`, }, }, ); } catch (error) { console.error(error); } } getToken().then(); }, []); 강의를 바탕으로 개발에 참고 하고 있는데요. sign in 이후 메인 tab에 저 코드를 넣었는데요. 매번 앱을 실행할때마도 firebase phone token을 서버 에 저장하게 되는건 아닌지요? if안으로 서버저장을 옮겨야 하는지요?

• react-native

BUILD FAILED in 36s error Failed to install the app.

해결됨

배달앱 클론코딩 [with React Native]

영상보면서 따라하고 있는데, 어플 이름 변경하고 npm run android 명령어로 실행하면 BUILD FAILED in 36s Failed to install the app. 라고 나오는데 3일동안 구글링하면서 환경 변수도 다시 점검해보고 관리자권한으로 vscode 실행해서 다시 해보고 껐다 켰다도 해봤는데 안되네요. 도와주세요 ㅠㅠ

• react-native

ios 빌드에러 Cannot read properties of undefined (reading 'transformFile')

미해결

배달앱 클론코딩 [with React Native]

setting 폴더 클론해서 ios 빌드했는데 시뮬레이터에서 아래와 같은 에러가 뜹니다. Node v16.13.0 구글링해보니 Node 버전을 다운그레이드하라는 답변이 많아서 nvm use 16.13.0을 입력해 변경했으나 계속 같은 에러가 뜹니다. 어떤 부분을 수정해야할까요?

• react-native

vscode

미해결

iOS/Android 앱 개발을 위한 실전 React Native - Basic

이거 무슨문제인가요

• react
• react-native
• es6

어디서 부터 문제일까요

미해결

nvm for window 설치해서 어찌저찌 확인했고 node.js 도 설치했고 npm도 했고 Android studio도 시키는대로 찾아가면서 했고 환경변수 설정도 https://www.inflearn.com/questions/62082/window 아래 링크 따라서 했고 Java설치는 도저히 윈도우에서 설치 확인을 할 수 있는 방법이 없어서 모르겠습니다. 하지만 링크따라서 오라클 로그인 후 다운로드 했고 JDK를 받은거 같습니다. Xcode와 cocoapod 그리고 React native CLI는 window에서는 다운로드 받을 방법을 못찾겠어서 포기했고요, VScode는 원래 깔려있으니 패스 그리고 결과물 뭐가 문제일까요 아래 링크도 참조하고 할 수 있는 건 다 해봤습니다. https://learn.microsoft.com/en-us/windows/dev-environment/javascript/react-native-for-android

• react-native

EXPO - React Native 빌드 후 앱 강제종료

미해결

EXPO로 개발한 앱을 EXPO 공식문서를 보며 eas -cli 설치 expo -cli 설치 eas login eas build:configure eas build --profile preview 위 단계를 진행하며 apk 파일을 생성 후 애뮬레이터와 안드로이드 폰에 설치 후 아이콘 클릭하자마자 앱이 강제종료되는 현상이 발생합니다... expo build log에는 에러없이 모두 진행된 것을 확인하였습니다. 그래서 보이지 않는 에러로 인해 해결을 못하겠습니다 도와주세요! -해본 것 1. 앱을 새로 생성 후 빌드 (생성하자마자 코드 수정없이 apk 생성시에는 잘 작동합니다! ) 2. 1에서 잘 작동하는 것에서 코드를 조금씩 수정하여 빌드를 해보아도 바로 강제종료되는 현상 발생. pc 포멧 후 개발환경 재설치

• expo
• react-native
• js
• node
• app

저는 안드로이드 에뮬레이터가 왜 이렇게 나올까요..?

미해결

따라하며 배우는 리액트 네이티브 기초

<SafeAreaView> 써도 이러네요.. 환경은 윈도우, 안드로이드 스튜디오 pixel4 썼습니다

• react
• react-native
• expo

TodoAPP 구조 생성하기에서 스니펫 ??

미해결

따라하며 배우는 리액트 네이티브 기초

rnfes 입력했을때 스니펫 관련 익스텐션이 없어선지 자동완성이 안됩니다. 어떤 걸 다운받아야 하나요?

• react
• react-native
• expo

npm run android 했는데

미해결

배달앱 클론코딩 [with React Native]

(node:82558) [DEP0040] DeprecationWarning: The `punycode` module is deprecated. Please use a userland alternative instead. (Use `node --trace-deprecation ...` to show where the warning was created) info Starting JS server... /bin/sh: adb: command not found info Launching emulator... error Failed to launch emulator. Reason: No emulators found as an output of `emulator -list-avds`. 강의 보고 따라하면서 npm run android 했는데 `punycode` module is deprecated 이 오류를 어떻게 해야해야 할 지 모르겠습니다 ㅠㅠ

• react-native

Unable to resolve "../assets/checkbox-unchecked.svg" from "components/TodoItem.js"

미해결

따라하며 배우는 리액트 네이티브 기초

강의 흐름대로 모든 설정을 하고 SVG 파일을 불러왔는데 제목과 같은 에러가 계속 생깁니다... ㅠㅠ 여기저기 검색해서 해결하려고 했지만 쉽게 안되네요. 다음과 같이 안드로이드 스튜디오에 에러가 나고 제목에 있는 에러는 터미널에서 나오는 메시지입니다. package.json의 일부는 다음과 같고 metro.config.js는 다음과 같이 했습니다.. const { getDefaultConfig } = require("expo/metro-config"); module.exports = (() => { const config = getDefaultConfig(__dirname); const { transformer, resolver } = config; config.transformer = { ...transformer, babelTransformerPath: require.resolve("react-native-svg-transformer"), }; config.resolver = { ...resolver, assetExts: resolver.assetExts.filter((ext) => ext !== "svg"), sourceExts: [...resolver.sourceExts, "svg"], }; return config; })(); 윈도우 운영체제에서 생기는 문제일까요 ㅠㅠ 버전 호환성 문제일까요...

• react
• react-native
• expo
• svg

push notification - onNotification 질문

미해결

배달앱 클론코딩 [with React Native]

안녕하세요. 푸쉬 알림 연동중에 질문이 있습니다. 모든 설정 완료후 알림이 수신까지 완료했습니다. 그 이후 notification data에 id를 받아오고있습니다. onNotification에서 navigation을 통해 id를 param으로 보내고 싶은데 navigation docs 예제를 보고 뜻대로 되지않아 질문납깁니다. redux 대신 zustand 사용중입니다.

• react-native

android notification 에러가납니다.

미해결

따라하며 배우는 리액트 네이티브 기초

java-11.0.20 javac 11.0.20 sdk 33 gradle-plugin 7.4.2 gradle 7.6.3 시뮬레이 android 13 react-native 0.68.2 react-native-push-notification 8.1.1 입니다 현재 설치이후에 아래와 같은 에러와 함께 알람이 표시되지않습니다. build시에는 문제가 없습니다. 혹시 왜그런지 키워드를 알 수 있을까요? Could not run phased build action using connection to Gradle distribution ' https://services.gradle.org/distributions/gradle-5.6.4-all.zip '. Could not open cp_init remapped class cache for 6a5krabdzij62jglcll542e66 (C:\Users\dladl\.gradle\caches\5.6.4\scripts-remapped\eclipsePlugin_3ntw3lnplzg95m5nu28ubyn0\6a5krabdzij62jglcll542e66\cp_initb88fbed980d87867994e661e74c75e1f). Could not open cp_init generic class cache for initialization script 'C:\Users\dladl\AppData\Roaming\Code\User\workspaceStorage\8a08ff5a0b7649681859b892f1a2bdc2\redhat.java\jdt_ws\.metadata\.plugins\org.eclipse.buildship.core\init.d\eclipsePlugin.gradle' (C:\Users\dladl\.gradle\caches\5.6.4\scripts\6a5krabdzij62jglcll542e66\cp_init\cp_initb88fbed980d87867994e661e74c75e1f). Could not initialize class org.codehaus.groovy.vmplugin.v7.Java7 Exception org.codehaus.groovy.GroovyBugError [in thread "Daemon worker"]

• react
• react-native
• expo

npx react-native init [프로젝트명] 가 안됨여..

미해결

따라하며 배우는 리액트 네이티브 기초

✔ Downloading template ✔ Copying template ✔ Processing template ✔ Installing Ruby Gems ⠙ Installing CocoaPods dependencies (this may take a few minutes) 현재 이화면에서 더 이상 진행되지 않고 프로젝트가 생성되지 않습니다. window에서 프로젝트 생성 후 github에 올린프로젝트를 맥에 clone 받은 후 npm install > pod install 진행 하면 프로젝트가 잘 진행됩니다. 혹시 맥에서 Installing CocoaPods dependencies 이후 진행되지 않는 이유가있을까요?? 버전 현황 node:v18.18.2 ruby:3.1.2p20 Homebrew: 4.1.16 watchman:2023.10.23.00 Apple M1 macOs:sonoma(14.0) Xcode:15.0 platform: ios(17.0)

• react
• react-native
• expo
• react-native-cli

react natie doctor 적용후 이문제 어떻게 해결하나요 ??

미해결

따라하며 배우는 리액트 네이티브 기초

✖ Android SDK - Required for building and installing your app on Android - Versions found: N/A - Version supported: 33.0.0 sdk 를 못찾는거 같은데 일단 sdk 에서 cmdline 다운 받아 봤고, 시스템 경로 변경도 해보았습니다 .

• react
• react-native
• expo

yarn ios를 해보면

미해결

배달앱 클론코딩 [with React Native]

yarn ios로 시뮬레이터에 앱을 실행하면 빌드도 잘 되는데요. 시뮬레이터에 앱 제목과 Powered by react native 만 하얀 바탕에 뜨고는 앱이 멈춰 있어요. 에러 도 없이요.

• react-native

React Navigation 설치후 에뮬레이터 오류

해결됨

배달앱 클론코딩 [with React Native]

npm i @react-navigation/native npm i @react-navigation/native-stack 설치 후 에뮬레이터를 실행하니 다음과 같은 오류가 나왔습니다 우선 버전 문제인가 싶어서 제로초님 깃 세팅과 똑같이 맞춰 봤지만 해결하지 못했습니다. 다음은 package.json 사진입니다 다음은 메트로와 에뮬 사진과 텍스트입니다. transform[stderr]: Browserslist: caniuse-lite is outdated. Please run: transform[stderr]: npx browserslist@latest --update-db transform[stderr]: Why you should do it regularly: https://github.com/browserslist/browserslist#browsers-data-updating BUNDLE ./index.js error: SyntaxError: C:\Users\82106\FoodDeliveryApp\node_modules\@react-navigation\native\node_modules\@react-navigation\core\src\types.tsx: Unexpected token, expected "?" (705:52) 703 | [RouteName in keyof ParamList]?: NonNullable< 704 | ParamList[RouteName] > 705 | > extends NavigatorScreenParams<infer T extends {}> | ^ 706 | ? string | PathConfig<T> 707 | : string | Omit<PathConfig<{}>, 'screens' | 'initialRouteName'>; 708 | }; 또한 일반적인 설치가 안되어서 --force로 설치 하였습니다 뭐가 문제일까요 ㅠㅠ

• react-native

ch4부터 시작해야하는데, github에 있는 ch3를 받아 사용해도 에러가 납니다.

미해결

배달앱 클론코딩 [with React Native]

[제로초 강좌 질문 필독 사항입니다] 질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다. 도움이 되는 질문을 하는 방법을 알려드립니다. https://www.youtube.com/watch?v=PUKOWrOuC0c 이미 ch3까지 강의들으며 폴더를 관리했는데, 이 폴더에 문제가 생겨서 삭제해버렸습니다. 그래서 앞에서 말씀해주신 환경설정(환경변수 등.. )을 따라 npm run android 를 하면 나오는 "Welcome to ReactNative"화면 까지 나오도록 설정은 완료했습니다. 이후, 정확하게 클론받은 폴더에서 ch3의 src폴더와 AppInner파일, App파일을 제가 처음부터 설정한 FoodDeliveryApp폴더에 넣어 사용하는데, 전부 라이브러리를 install 했음에도 이와 같은 에러가 뜹니다. 구글링 한 결과로는 노드 버전의 문제라는데.. 잘 집히지 가 않습니다 정확히 ch4부터 들어야 할 것 같은데 처음부터 강의를 다시 따라가는 수밖에 없을까요? ㅠㅠ

• react-native