질문 & 답변 - 인프런 | 커뮤니티

묻고 답해요

161만명의 커뮤니티!! 함께 토론해봐요.

인프런 TOP Writers

해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

[4-0]구글 지도 계속 오류에요..

❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.아래 두가지 오류가 계속 반복됩니다. 윈도우입니다. 그리고 영상에서 로그인을 하고 지도를 보는데 로그인 아이디 비번은 그냥 아무거나 하면 되나용?

김민솔 · 2024.11.15 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

302

답변

2
미해결
배달앱 클론코딩 [with React Native]

wifi 환경에서 axios 통신이 로컬서버에서 안됩니다.

안녕하세요 강사님 강사님의 리액트 네이티브 강의를 보면서직접 자신만의 리액트 네이티브 프로젝트도 직접 다뤄보면서 하고 있는 학생입니다.https://github.com/Dongrang072/carPoolTeamProject-server이게 로컬 서버의 코드이고 https://github.com/Dongrang072/carpoolTeamProject이게 프론트의 코드입니다 axios 통신에 현재 문제가 있습니다.동일한 코드인데도 wi-fi로 인터넷이 연결되는 노트북의 환경에서는 http:10.0.0.2로 접속이 안되고,로그캣을 보니 두 요청이 확연하게 달랐는데모든 api를 axios로 요청 시에 와이파이 환경에서만 되질 않았습니다 이건 랜선에서 연결된 pc에서 로컬 서버와 통신 시 요청에서 성공했을 때의 로그캣 로그이고 이건 와이파이 환경의 노트북에서 로컬 서버와 통신했을 시에 생기는 로그캣 로그입니다 혹시나 해서 프로젝트 루트 폴더의 androidManifestxml의 파일에 누락된게 있나 봤는데 <manifest xmlns:android="http://schemas.android.com/apk/res/android"> <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="android.permission.READ_MEDIA_IMAGES"/> <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION"/> <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/> <uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION"/> <application android:usesCleartextTraffic="true" android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launcher" android:roundIcon="@mipmap/ic_launcher_round" android:allowBackup="false" android:theme="@style/AppTheme" >  <meta-data android:name="com.google.android.geo.API_KEY" android:value="@string/GOOGLE_MAPS_API_KEY"/> <activity android:name=".MainActivity" android:label="@string/app_name" android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode" android:launchMode="singleTask" android:windowSoftInputMode="adjustResize" android:exported="true"> <intent-filter> <action android:name="android.intent.action.MAIN"/> <category android:name="android.intent.category.LAUNCHER"/> </intent-filter> </activity> </application> </manifest> 이상은 없는 것 같습니다....혹시 방화벽의 문제인가요? 노트북으로 실행시에 직접 ipConfig로 내부 ip(ip4)를 이용해서 api를 호출해봤는데도 여전히 network 오류가 뜹니다 LOG Verification code response: <HTML> <HEAD> <TITLE>GiGA WiFi home</TITLE> <LINK REL="shortcut icon" HREF="icon.ico" TYPE="image/x-icon"> <LINK REL="icon" HREF="icon.ico" TYPE="image/x-icon"> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script language='JavaScript' type='text/javascript' src='/script/jquery.js?version=Aug252023180743'></script> <script language='JavaScript' type='text/javascript' src='/script/jquery-migrate-1.2.1.min.js?version=Aug252023180743'></script> <script language='JavaScript' type='text/javascript' src='/script/mcr_common_new.js?version=Aug252023180743'></script> <script language='JavaScript' type='text/javascript' src='/script/mcr_common.js?version=Aug252023180743'></script> <script language='JavaScript' type='text/javascript' src='/script/mcr_common_kt.js?version=Aug252023180743'></script> <script language='JavaScript' type='text/javascript' src='/script/mcr_jq_util.js?version=Aug252023180743'></script> <style type="text/css">  </style> <script language="JavaScript" type="text/javascript" src="/script/jquery.js"></script> <script language="JavaScript" type="text/javascript" src="/script/captcha.js?version=Aug252023180743"></script> <script type="text/javascript" src="/lang/b28n.js"></script> <script type="text/javascript"> Butterlate.setTextDomain("main"); redirectTopWindow(); var UserPrivilege = getUserPrivilege(); var Privilege = parseInt(UserPrivilege, 10); function redirectTopWindow(){ if( top != self ){ var URL = "http://" + window.location.host; top.location.replace(URL); } } var captcha; function CheckAll() { if("8899" == window.location.port){ if( captcha.validate( $("input[name='captchatext']").val() ) == true ){ if(document.Login.UserID.value == "") { alert("사용자ID를 확인해 주세요."); document.Login.UserID.focus(); return false; } if(document.Login.Password.value == "") { alert("비밀번호를 확인해 주세요."); document.Login.Passw직접적으로 front내의 src 파일의 api/auth.ts 내의 이메일 post 관련 함수를 const sendVerificationCode = async (email: string): Promise<string> => { try { console.log('Sending verification code request:', email); const response = await axiosInstance.post("http://10.0.0.2/mail/send-code", { email: email.trim() // 이메일을 서버에 전달 }); console.log('Verification code response:', response.data); return response.data; // 반환된 인증 코드 반환 } catch (error: any) { console.error('Verification code error:', { email, error: error.message, response: error.response?.data }); throw new Error( error.response?.data?.message || '인증 코드 전송에 실패했습니다.' ); } }; http://10.0.0.2를 명시했더니 res data를 console.log로 찍으니 이렇게 나왔습니다 json으로 받아야 하는데 왜 res가 html 형식으로 받아진건지 모르겠습니다 덤으로 smtp로 설정했던이메일 인증 코드는 실제 이메일에 오지 않은 상태입니다. html 로그 관련은 인프런에서 질문 글에 1만자 이하로 제한되어있어서 어느정도 삭제했습니다

최상현 · 2024.11.14 · 배달앱 클론코딩 [with React Native]

투표점수

0

조회수

346

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

useQuery 데이터 사용법 질문

안녕하세요 문득 궁금해서 질문드립니다.리액트쿼리 공식문서를보면const { isPending, error, data } = useQuery({ queryKey: ['repoData'], queryFn: () => fetch('https://api.github.com/repos/TanStack/query').then((res) => res.json(), ), }) if (isPending) return 'Loading...' if (error) return 'An error has occurred: ' + error.message 이렇게 항상 값이 있다는 가정하에 데이터를 사용하게 하는데MapHomeScreen이나 MapLegend 등에선const {categories} = getProfileQuery.data || {};이런식으로 하시더라구요 실제로 저는 MapHomeScreen 스크린에서 마커가 클릭후에 나타나는 현상이 있어서const {data: markers = [], isPending, error} = useGetMarkers(); if (isPending || error) return <></>;이렇게 데이터가 로딩또는 에러가 아닐때 다음 구문으로 넘어가게 하니 마커가 잘 나타났습니다제가 궁금한건 if (isPending || error) return <></>;처리를 해줄때와 안해줘도 될 때가 따로 있는것인지 그게 궁금합니다~

최수렬 · 2024.11.13 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

131

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

Java 버전 오류

개발환경윈도우안드로이드ReactNative 버전 react-native-cli : 2.0.1react-native : 0.76.1Node 버전 : v22.11.0

김민솔 · 2024.11.13 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

135

답변

1
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

로그아웃 코드 관련해서 질문드립니다

function useLogout(mutationOptions?: UseMutationCustomOptions) { return useMutation({ mutationFn: logout, onSuccess: () => { console.log("before storage empty: ", getEncryptStorage(storageKeys.ACCESS_TOKEN)); removeHeader('Authorization'); removeEncryptStorage(storageKeys.REFRESH_TOKEN); queryClient.resetQueries({queryKey: [queryKeys.AUTH]}); console.log("storage empty: ", getEncryptStorage(storageKeys.ACCESS_TOKEN)); }, ...mutationOptions, }); } 이게 강사님께서 쓰신 로그아웃 코드인데 removeEncryptStorage를 비동기 함수로 구현하셨었습니다.제가 로그아웃 버튼을 누르는데 'localhost:제가 만든 서버 포트':auth/logout 이런식으로 클라이언트에 요청했을 때로그를 살펴보니깐 LOG Access token after remove: {"_h": 0, "_i": 0, "_j": null, "_k": null}LOG Access token removed: falseLOG isLogIn: false //이건 Navigation/root/RootNavigator.tsx에 isLogin값이 false인지 true인지 확인하기 위해 콘솔로그 찍음이런식으로 출력되었었습니다.로그아웃 직후에 바로 로그인이 된 상태로 작동했습니다. removeEncryptStorage는 비동기 함수이기 때문에 await 없이 호출되면 로그아웃 관련된 비동기 작업이 완려되기 전에onSuccess내의 코드들이 실행된거 같습니다.function useLogout(mutationOptions?: UseMutationCustomOptions) { return useMutation({ mutationFn: async () => { removeHeader('Authorization'); await removeEncryptStorage(storageKeys.REFRESH_TOKEN); }, onSettled: () => { // 관련 쿼리 무효화하여 캐시 초기화 queryClient.invalidateQueries({queryKey: [queryKeys.AUTH]}); }, ...mutationOptions }); } 그래서 이런식으로 await async로 토큰 제거 작업이 완료된 후 까지 기다리게 만들어서 하니깐 로그아웃이 잘 작동되고서버 내에 db랑 연결된 users 테이블 내의 refresh_token도 사라진걸 확인할 수 있었습니다. 제가 혹시 놓친 부분이 있었는지 왜 이런 차이가 나는지 정확한 이유를 몰라서 질문 남깁니다.

최상현 · 2024.11.12 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

181

답변

1
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

윈도우/안드로이드 npm start

$ npm start > MatzipApp@0.0.1 start > react-native start ▒▒▓▓▓▓▒▒ ▒▓▓▓▒▒░░▒▒▓▓▓▒ ▒▓▓▓▓░░░▒▒▒▒░░░▓▓▓▓▒ ▓▓▒▒▒▓▓▓▓▓▓▓▓▓▓▓▓▒▒▒▓▓ ▓▓░░░░░▒▓▓▓▓▓▓▒░░░░░▓▓ ▓▓░░▓▓▒░░░▒▒░░░▒▓▒░░▓▓ ▓▓░░▓▓▓▓▓▒▒▒▒▓▓▓▓▒░░▓▓ ▓▓░░▓▓▓▓▓▓▓▓▓▓▓▓▓▒░░▓▓ ▓▓▒░░▒▒▓▓▓▓▓▓▓▓▒░░░▒▓▓ ▒▓▓▓▒░░░▒▓▓▒░░░▒▓▓▓▒ ▒▓▓▓▒░░░░▒▓▓▓▒ ▒▒▓▓▓▓▒▒ Welcome to Metro v0.76.8 Fast - Scalable - Integrated r - reload the app d - open developer menu i - run on iOS a - run on Android info Opening the app on Android... info JS server already running. info Launching emulator... info Installing the app... > Task :gradle-plugin:compileKotlin UP-TO-DATE > Task :gradle-plugin:compileJava NO-SOURCE > Task :gradle-plugin:pluginDescriptors UP-TO-DATE > Task :gradle-plugin:processResources UP-TO-DATE > Task :gradle-plugin:classes UP-TO-DATE > Task :gradle-plugin:jar UP-TO-DATE > Task :gradle-plugin:inspectClassesForKotlinIC UP-TO-DATE > Task :app:buildCodegenCLI SKIPPED > Task :app:generateCodegenSchemaFromJavaScript SKIPPED > Task :app:generateCodegenArtifactsFromSchema SKIPPED > Task :app:generatePackageList > Task :app:preBuild > Task :app:preDebugBuild > Task :app:compileDebugAidl NO-SOURCE > Task :app:compileDebugRenderscript NO-SOURCE > Task :app:generateDebugBuildConfig UP-TO-DATE > Task :app:javaPreCompileDebug UP-TO-DATE > Task :app:checkDebugAarMetadata UP-TO-DATE > Task :app:generateDebugResValues UP-TO-DATE > Task :app:mapDebugSourceSetPaths UP-TO-DATE > Task :app:generateDebugResources UP-TO-DATE > Task :app:mergeDebugResources UP-TO-DATE > Task :app:createDebugCompatibleScreenManifests UP-TO-DATE > Task :app:extractDeepLinksDebug UP-TO-DATE > Task :app:processDebugMainManifest UP-TO-DATE > Task :app:processDebugManifest UP-TO-DATE > Task :app:processDebugManifestForPackage UP-TO-DATE > Task :app:processDebugResources UP-TO-DATE > Task :app:compileDebugJavaWithJavac UP-TO-DATE > Task :app:mergeDebugShaders UP-TO-DATE > Task :app:compileDebugShaders NO-SOURCE > Task :app:generateDebugAssets UP-TO-DATE > Task :app:mergeDebugAssets UP-TO-DATE > Task :app:compressDebugAssets UP-TO-DATE > Task :app:processDebugJavaRes NO-SOURCE > Task :app:mergeDebugJavaResource UP-TO-DATE > Task :app:checkDebugDuplicateClasses UP-TO-DATE > Task :app:desugarDebugFileDependencies UP-TO-DATE > Task :app:mergeExtDexDebug UP-TO-DATE > Task :app:mergeLibDexDebug UP-TO-DATE > Task :app:dexBuilderDebug UP-TO-DATE > Task :app:mergeProjectDexDebug UP-TO-DATE > Task :app:mergeDebugJniLibFolders UP-TO-DATE > Task :app:mergeDebugNativeLibs UP-TO-DATE > Task :app:stripDebugDebugSymbols UP-TO-DATE > Task :app:validateSigningDebug UP-TO-DATE > Task :app:writeDebugAppMetadata UP-TO-DATE > Task :app:writeDebugSigningConfigVersions UP-TO-DATE > Task :app:packageDebug UP-TO-DATE > Task :app:createDebugApkListingFileRedirect UP-TO-DATE > Task :app:installDebug FAILED 38 actionable tasks: 2 executed, 36 up-to-date 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 Warning: SDK processing. This version only understands SDK XML versions up to 3 but an SDK XML file of version 4 was encountered. This can happen if you use versions of Android Studio and the command-line tools that were released at different times. FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: No connected devices! * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 15s info Run CLI with --verbose flag for more details.프로젝트 버전을 0.72.6로 했던 것 같은데, 아니네욤$ npx react-native doctor Common ✓ Node.js - Required to execute JavaScript code ✓ npm - Required to install NPM dependencies Android ✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device. ✓ JDK - Required to compile Java code ✓ Android Studio - Required for building and installing your app on Android ✖ Android SDK - Required for building and installing your app on Android - Versions found: N/A - Version supported: 33.0.0 ✓ ANDROID_HOME - Environment variable that points to your Android SDK installation Errors: 2 Warnings: 0 Android ✖ Adb √ Select the device / emulator you want to use » Emulator Pixel_5_API_33 (disconnected) ✔ Adb ✔ Android SDK configured. You might need to restart your PC for all changes to take effect.!C:\Users[사용자이름]\AppData\Local\Google\AndroidStudio2024.1\logidea.logWARN - Emulator: Medium Phone API 35 - Emulator terminated with exit code -529697949C:\Windows\System32>npx react-native -v 11.3.7 C:\Windows\System32>java -version openjdk version "17.0.8.1" 2023-08-24 OpenJDK Runtime Environment Temurin-17.0.8.1+1 (build 17.0.8.1+1) OpenJDK 64-Bit Server VM Temurin-17.0.8.1+1 (build 17.0.8.1+1, mixed mode, sharing) 사용자 변수의 PATH 사용자 변수해결이 잘 안 되네요 ㅠㅠANDROID_HOME 환경 변수는 C 드라이브 밑에 제가 만든 폴더 경로(SDK 설치 단계에서 한 경로)로 잘 해두었습니다.Graphics 설정을 Software로 변경해보고Windows 보안에서 폴더 제거해보고인텔 그래픽 드라이버 업데이트해보고메모리도 키워 보고

2024.11.11 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

353

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

Drawer Navigation 오류/ 2-5 강의에서 못넘어가고 있습니다 ㅠㅠ

❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 일부만 복사해서 올려주시면 답변이 어렵습니다.) 처음에 java 버전이 낮다고 해서 17로 업데이트했는데 계속 java 오류가 생겨요...

김민솔 · 2024.11.10 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

252

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

CocoaPods could not find compatible versions for pod "CodePush" 오류

안녕하세요 강사님..pod install 과정에서 아래와 같이 오류가 발생하는데구글에 검색해보니 버전을 15.5 업그레이드 하라고 나와있는데.. 혹시 업그레이드 해도 되는걸까요..!?현재는 13.0 버전입니다..!!https://stackoverflow.com/questions/78829036/pod-error-conflicting-versions-library-ssziparchive-react-native-code-push-with

강프로그래머 · 2024.11.09 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

404

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

즐겨찾기 페이지에서 디테일 페이지로 이동 오류

맥북 / ios/ react-native 0.76.1/ node v18.18.0즐겨찾기로 들어와서 즐겨찾기된 항목을 선택하면 페이지 이동이 안됩니다. ㅜㅜThe action 'NAVIGATE' with payload {"name":"FeedDetail","params":{"id":18}} was not handled by any navigator.Do you have a screen named 'FeedDetail'?If you're trying to navigate to a screen in a nested navigator, see https://reactnavigation.org/docs/nesting-navigators#navigating-to-a-screen-in-a-nested-navigator.If you're using conditional rendering, navigation will happen automatically and you shouldn't navigate manually.This is a development-only warning and won't be shown in production.❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 일부만 복사해서 올려주시면 답변이 어렵습니다.)

김승주 · 2024.11.09 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

234

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

[해결 방법] 업로드한 이미지가 꽉 채워지지 않는 경우

padding을 0% 설정!!

강프로그래머 · 2024.11.09 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

116

답변

1
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

[해결 방법] background 창 설정 위치!!

강프로그래머 · 2024.11.09 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

107

답변

0
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

[해결 완료] AxiosError: Request failed with status code 400

안녕하세요 강사님잠시 후 다시 시도해주세요 페이지 로딩 후에 아래와 같이 오류가 발생하는데 해결 방법이 있을까요..

강프로그래머 · 2024.11.09 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

670

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

윈도우 프로젝트 생성

윈도우 안드로이드 설치 1-4 강좌를 끝내고 왔습니다.강좌에서 SDK? 에 다운로드 중 경로에 한글이 있어 C드라이브 밑에 다운로드한 것 외에는 다르게 한 것이 없다고 생각합니다. 환경변수 또한 잘 설정해서 adb? 도 잘 나왔습니다 npx react-native@0.72.6 init MatzipApp --version 0.72.6/c/Program Files/nodejs/npx: line 65: 1715 Segmentation fault "NODE_EXE" "$NPX_CLI_JS" "$@" 어떤걸 고쳐야할까요?

2024.11.08 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

265

답변

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

Check the render method of `SceneView`. 오류

선생님 expo로 Aos 실행했을때 Check the render method of SceneView. 오류가 납니다.React Navigation 기능을 안쓰고 했을때는 오류가 안나는데 어떻게 해결하나요?

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

투표점수

0

조회수

291

답변

3
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

expo로 진행하면 강의를 따라갈수 있을까요?

react-native를 이용해서 강의를 따라가고있었는데요, 어느순간부터 환경설정이 꼬인것같아서 빌드에 엄청 애를먹고있습니다.. 찾아보니 최근 rn에서 expo를 많이 밀어주고있고 한번 튜토리얼 따라해보니 환경설정도 너무 편하고 코드도 별 다른걸 못느꼈습니다.. 그래서 expo를 사용해보려고 하는데요. expo로 진행하면 강의를 잘 따라갈수 있을까요?

SEON · 2024.11.07 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

200

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

NavigationProps 질문

❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 일부만 복사해서 올려주시면 답변이 어렵습니다.) MapHomeScreen.tsx 37번째 줄의 아래의 코드에서CompositeNavigationProp의 첫번째 인자는 StackNavigationProp 이 아닌DrawerNavigationProp가 먼저와야 하는것 아닌가요? 코드는 에러없이 잘 작동하지만 단순히 궁금해서 여쭤봅니다~ type Navigation = CompositeNavigationProp< StackNavigationProp<MapStackParamList>, DrawerNavigationProp<MainDrawerParamList> >;

최수렬 · 2024.11.06 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

122

답변

2
해결됨
비전공자를 위한 진짜 입문 올인원 개발 부트캠프

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

(* nodejs 설치를 https://nodejs.org/en/download/ 에 들어가서 Prebuilt Installer 메뉴에서v22.11.0(LTS)를 설치하였습니다.)안녕하세요, 수고가 많으십니다.강의 잘 듣고 공부하다 모르는 부분이 있어 에러사항은 아래에 요약하여 적었습니다.일단 react 시작하기 강의를 듣고 있던 중 처음 부분에서 vscode 터미널에서 명령어 npm install -g create-react-app 입력 후 아래 에러가 발생하여어떻게 해야 해결 할 수 있는지 답을 알고 싶어서 글을 쓰게 되었습니다. 1.첫번째로 vscode 실행 후 npm install -g create-react-app 명령어 입력하니 에러 요약: 경로를 확인하라는문제가 발생하였습니다. 첫번쨰 에러 발생 한 후 vscode를 종료하고 다시 시작하니 또 다시 이번엔 새로운 에러가 발생하였습니다. 에러 요약: 자세한 내용은 마이크로소프트 링크 주소 참조하라는 메시지 에러가 발생하였습니다. 현재까지 2가지 에러가 순서대로 나타내고 있는데요, 어떻게 하면 해당 사항을 해결 할 수 있을까요? 상세하고 자세한 답변 부탁드립니다.감사합니다.

isbcom1004 · 2024.11.04 · 비전공자를 위한 진짜 입문 올인원 개발 부트캠프

투표점수

0

조회수

395

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

RN Drawer 설치시 오류,,

❗질문 작성시 꼭 참고해주세요최대한 상세히 현재 문제(또는 에러)와 코드(또는 github)를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다.맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 일부만 복사해서 올려주시면 답변이 어렵습니다.) [2-5]RN Drawer 관련 강의를 들으며, 따라한 이후,,, 빌드도 오류가 나고,,, 하기의 에러 메세지가 나와서, 이후 진도를 따라갈 수가 없습니다...😂😂강사님 강의를 들으며,, 이전에 동일한 오류로 질문을 올려주신 분들의 레퍼런스도 다 해보고,, 구글링한 결과로도 해봤는데,,, 어느 부분이 문제인지,,, 3일째,,, 진도를 못나가고 있습니다...ㅠ어떤 부분을 수정해야 할 지,,, 도움을 주시면,,,, 감사하겠습니다...!github: https://github.com/SooyeonBack/ReactNative.git개발환경윈도우안드로이드ReactNative 버전: 0.72.6 에러메세지> Task :react-native-reanimated:compileDebugJavaWithJavac FAILED Deprecated Gradle features were used in this build, making it incompatible with Gradle 9.0. You can use '--warning-mode all' to show the individual deprecation warnings and determine if they come from your own scripts or plugins. See https://docs.gradle.org/8.0.1/userguide/command_line_interface.html#sec:command_line_warnings 80 actionable tasks: 69 executed, 11 up-to-date 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 Warning: SDK processing. This version only understands SDK XML versions up to 3 but an SDK XML file of version 4 was encountered. This can happen if you use versions of Android Studio and the command-line tools that were released at different times. ``` 37 errors FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':react-native-reanimated:compileDebugJavaWithJavac'. > Compilation failed; see the compiler error output for details. * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output. > Run with --scan to get full insights. * Get more help at https://help.gradle.org BUILD FAILED in 13s info Run CLI with --verbose flag for more details.

yhs05026 · 2024.11.04 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

232

답변

2
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

회원 탈퇴 후, 로그아웃 미실행

안녕하세요 강사님회원탈퇴는 정상적으로 처리되서 팝업까지는 올라오는데로그아웃이 실행되지 않습니다.. 😭 https://github.com/KMSKang/react

강프로그래머 · 2024.11.03 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

0

조회수

145

답변

1
해결됨
[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

프로필 사진을 변경 후 뒤로가기 시, 서버 이미지 이슈

안녕하세요 강사님앱을 종료했다가 접속하면 정상적으로 보입니다.그런데 이미지, 닉네임을 설정하고 뒤로가기하면 아래와 같이 오류가 발생합니다..😭그런데 또 왔다갔다 하다보면 다시 또 프로필이 보입니다..🥲https://github.com/KMSKang/react.git

강프로그래머 · 2024.11.03 · [리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)

투표점수

1

조회수

214

답변

3

인기 태그

주간 인기글