❗ 질문 작성시 꼭 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 안녕하세요 강사님! 현재 15분 38초를 진행하고 있는데 카카오를 로그인하면 무한로딩되면서 홈화면에는 안넘어가고 있습니다. 일단 access_token은 잘넘어오는데 백엔드에서 [Nest] 77076 - 2024. 07. 09. 오후 2:32:09 ERROR [ExceptionsHandler] ENOENT: no such file or directory, stat '/uploads/index.html' Error: ENOENT: no such file or directory, stat '/uploads/index.html' 라고 오류가 나옵니다. kakakoLoginMuattion부분 코드는 깃헙보면서 오타는 없는지 확인했습니다
1) 메인 화면(초기화면) 에서 bottom tab 메뉴 목록 화면 > 상세화면으로 바로 이동 The action 'NAVIGATE' with payload {"name":"Detail","params":{"idx":"15","crew_name":"123"}} was not handled by any navigator. Do you have a screen named 'Detail'? 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. This is a development-only warning and won't be shown in production. 위 오류가 표시됩니다. 2) 메인화면 (초기화면) 노출 후 > 하단 탭 메뉴 클릭 > 메인으로 복귀 > 메뉴 클릭 <-- 정상 bottom tab 메뉴 초기화 등의 기능이 있는 걸까요? 도움 요청드립니다. 고맙습니다.
const itemId = route.params ? route.params.id : route.route.params.id; 목록에서 위와 같이 아이디 값으로 상세 페이지로 들어가도록 했습니다. useEffect(() => { const geDetailData = async () => { try { const token = await EncryptedStorage.getItem('refreshToken'); const response = await axios.get( __DEV__ ? 'http://10.0.2.2:8888/api/deta/detail/' + itemId : 'http://xxx.xxx.xxx.xxx:8888/api/data/detail/' + itemId, { headers: { Authorization: token, }, }, ); dispatch( detailSlice.actions.setDetail({ id: response.data.id, detail: response.data.detail, nameList: response.data.nameList, cityList: response.data.cityList, }), ); } catch (error) {} }; if (isFocused) { geDetailData(); } }, [dispatch, isFocused, itemId]); 위와 같이 useEffect로 데이터를 불러오고, isFocused로 페이지에 접속할 때 마다 새로운 데이터를 가져오도록 했습니다. return ( <ScrollView> <View style={styles.wrapper}> <View style={styles.boxZone}> <View> <FlatList data={detail.nameList} numColumns={3} keyExtractor={item => item.id} renderItem={renderNameList} columnWrapperStyle={styles.row} /> </View> </View> </View> <View style={styles.Wrapper}> <FlatList data={detail.cityList} keyExtractor={item => item.id} renderItem={renderCityList} ListEmptyComponent={ListEmptyComponent} /> </View> </ScrollView> ); 위와 같이 ScrollView 안에 FlatList를 두 개를 넣었습니다. 이렇게 구조를 잡은 이유는 상세 페이지에서 이름 목록과 시티 목록을 가져오기 위해서입니다. 그리고 상단에서는 const detail = useSelector((state: RootState) => state.detail); 위와 같이 useSelector로 데이터를 불러왔습니다. 그리고 renderNameList, renderCityList는 useCallback로 데이터를 불러와서 화면에 그리도록 작업을 했습니다. 실행을 해 보면 결과가 이상하게 나옵니다. 예를들어 게시글 목록이 111, 222 두 개가 있을경우 처음 111을 들어가면 정상적으로 나옵니다. 그런데 111을 들어갔다 목록으로 와서 222를 들어가면 111 의 상세 데이터가 보여집니다. 그 상태에서 다시 목록으로 가서 222를 들어가면 222의 데이터가 정상적으로 보여집니다. 이런식으로 어떤 상세 페이지를 들어가더라도 처음 한 번은 이전 데이터가 나오고, 다시 목록으로 갔다가 상세로 들어가면 정상적인 데이터가 나오는데 아무리 이리저리 찾아보고, 적용을 해 봐도 도저히 원인을 못찾겠네요. if (isFocused) { geDetailData(); } isFocused를 사용해서 페이지 접근시 서버에서 데이터를 불러오도록 실행을 했는데, 처음 페이지에 접속할때는 정상적인 데이터가 안나옵니다.
강사님 좋은 강의 잘 듣고 있습니다! 포스트맨으로 요청을 보내도 정상적으로 응답이오고, psql로 연결이 되었다고 나오고 테이블도 조회가 되는데 pm2 log를 보면 Unable to connect to the database. 라고 에러 메시지가 나옵니다. 열심히 해결해보려고 했는데 이유를 모르겠어서 질문합니다..
환경 : 윈도우 / 안드로이드 버전 RN : 0.73.3 java : 17 node : 20 오류 환경 ZeroCho / food-delivery-app 레포 rn73 폴더 다운로드 npm install gradle.properties 파일에서 org.gradle.java.home 경로 수정 yarn start run android 오류 메세지 FAILURE: Build failed with an exception. * What went wrong: Could not determine the dependencies of task ':app:processDebugResources'. > Could not resolve all task dependencies for configuration ':app:debugRuntimeClasspath'. > Could not resolve com.naver.maps:map-sdk:3.16.0. Required by: project :app > project :react-native-nmap > Could not resolve com.naver.maps:map-sdk:3.16.0. > Could not get resource 'https://naver.jfrog.io/artifactory/maven/com/naver/maps/map-sdk/3.16.0/map-sdk-3.16.0.pom'. > Could not GET 'https://landing.jfrog.com/reactivate-server/naver'. Received status code 409 from server: Conflict * 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 확인 사항 nmap 저장소 확인해보니 잘 작성되어 있습니다. (rn73 완성본이므로) // project build.gradle buildscript { ext { buildToolsVersion = "34.0.0" minSdkVersion = 21 compileSdkVersion = 34 targetSdkVersion = 34 ndkVersion = "25.1.8937393" kotlinVersion = "1.8.0" } repositories { google() mavenCentral() } dependencies { classpath 'com.google.gms:google-services:4.3.15' classpath("com.android.tools.build:gradle") classpath("com.facebook.react:react-native-gradle-plugin") classpath("org.jetbrains.kotlin:kotlin-gradle-plugin") } } allprojects { repositories { google() jcenter() // 네이버 지도 저장소 maven { url 'https://naver.jfrog.io/artifactory/maven/' } } } apply plugin: "com.facebook.react.rootproject" // package.json "react-native-nmap": "github:zerocho/react-native-naver-map", Kotlin으로 개발한 다른 프로젝트에서 약 1달전에 같은 409 오류가 발생했었는데 (동일한 3.16 버전) maven{ url 'https://naver.jfrog.io/artifactory/maven/'} 가 아닌 공식문서 https://navermaps.github.io/android-map-sdk/guide-ko/1.html 에 나와있는 maven { url "https://repository.map.naver.com/archive/maven"} 로 해결한 경험이 있습니다. rn73 커밋이 된 것이 6개월 전인데 그 사이에 naver map 저장소 주소가 바뀐 것인지 혹은 제가 개발하는 환경에서만 문제가 생긴것인지 궁금합니다. (다른 분들은 409 오류가 없는 것 같기에)
개발 환경 : 윈도우, 안드로이드 버전 rn : 0.66.5 node : 16 java : 11 에뮬 : Nexus 5 / SDK 30 gradle : 6.9 distributionUrl=https\:/ /services.gradle.org/distributions/gradle-6.9-all.zi p gradle plugin : 4.2.2 classpath( "com.android.tools.buil d:gradle:4.2.2") 진행 상황 npm i https://github.com/ZeroCho/react-native-naver-map 라이브러리 설치 build.gradle(project) maven { url 'https://naver.jfrog.io/artifactory/maven/' } 추가 AndroidManifest.xml <meta-data android:name="com.naver.maps.map.CLIENT_ID" android:value="API 키" /> 추가 현재 상황에서 오류 내용 . . . info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. Jetifier found 1001 file(s) to forward-jetify. Using 6 workers... info JS server already running. info Installing the app... > Configure project :app Reading env from: .env Build-tool 33.0.0 is missing DX at C:\Users\INJUNG\AppData\Local\Android\Sdk\build-tools\33.0.0\dx.bat . . . FAILURE: Build failed with an exception. * What went wrong: Could not determine the dependencies of task ':react-native-nmap:compileDebugAidl'. > Installed Build Tools revision 33.0.0 is corrupted. Remove and install again using the SDK Manager. * 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 7s 현재 프로젝트 SDK 버전이 강의 시점 버전인 30으로 되어있음 // build.gradle (project) buildscript { ext { buildToolsVersion = "30.0.2" minSdkVersion = 21 compileSdkVersion = 30 targetSdkVersion = 30 ndkVersion = "21.4.7075529" 하지만 현재(24년07월) https://github.com/ZeroCho/react-native-naver-map 에서 받은 라이브러리의 SDK 버전이 33으로 확인됩니다. 혹시 이것 때문에 문제가 발생 할 수 있을까요? // node_modules/react-native-nmap/android/build.gradle apply plugin: 'com.android.library' buildscript { repositories { google() mavenCentral() } dependencies { classpath 'com.android.tools.build:gradle:3.4.1' } } android { compileSdkVersion rootProject.ext.hasProperty('compileSdkVersion') ? rootProject.ext.compileSdkVersion : 33 buildToolsVersion rootProject.ext.hasProperty('buildToolsVersion') ? rootProject.ext.buildToolsVersion : "33.0.0" defaultConfig { minSdkVersion rootProject.ext.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 16 targetSdkVersion rootProject.ext.hasProperty('targetSdkVersion') ? rootProject.ext.targetSdkVersion : 33 시도해 본 것 Android studio SDK 33버전 재설치 - 같은 오류 android 폴더에서 ./gradlew clean - 같은 오류 root 폴더에서 cash 삭제 후 build - 같은 오류 QuadFlask / react-native-naver-map 현재 버전 설치 ( npm install react-native-nmap --force) apply plugin: 'com.android.library' buildscript { repositories { google() mavenCentral() } dependencies { classpath 'com.android.tools.build:gradle:3.4.1' } } android { compileSdkVersion rootProject.ext.hasProperty('compileSdkVersion') ? rootProject.ext.compileSdkVersion : 28 buildToolsVersion rootProject.ext.hasProperty('buildToolsVersion') ? rootProject.ext.buildToolsVersion : "28.0.3" defaultConfig { minSdkVersion rootProject.ext.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 16 targetSdkVersion rootProject.ext.hasProperty('targetSdkVersion') ? rootProject.ext.targetSdkVersion : 28 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:mergeDebugAssets'. > Could not resolve all files for configuration ':app:debugRuntimeClasspath'. > Could not resolve com.naver.maps:map-sdk:3.12.0. Required by: project :app > project :react-native-nmap > Could not resolve com.naver.maps:map-sdk:3.12.0. > Could not get resource 'https://naver.jfrog.io/artifactory/maven/com/naver/maps/map-sdk/3.12.0/map-sdk-3.12.0.pom'. > Could not HEAD 'https://landing.jfrog.com/reactivate-server/naver'. Received status code 409 from server: Conflict * 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 11s -jfrog 저장소에서 naver map 3.12.0을 찾지 못 하는 것 같습니다. ZeroCho / react-native-naver-map 는 특정 버전을 설치 할 수 없어서 강의 시점과 같은 환경으로 설치하지 못했습니다. QuadFlask / react-native-naver-map 도 0.0.66 버전 한 가지라서 버전을 바꾸어 시도해 보지 못 했습니다.
❗ 질문 작성시 꼭 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 안녕하세요 npx react-native doctor을 했을 때 이런 에러가 뜨는데 어떻게 해결할 수 있을까요?ㅠ TypeError: Cannot read properties of undefined (reading 'X_OK') at Object.getDiagnostics (/Users/name/Desktop/Test/TestProject/node_modules/@react-native-community/cli-doctor/build/tools/healthchecks/gradle.js:42:57) at /Users/name/Desktop/Test/TestProject/node_modules/@react-native-community/cli-doctor/build/commands/doctor.js:116:29 at Array.map (<anonymous>) at iterateOverHealthChecks (/Users/name/Desktop/Test/TestProject/node_modules/@react-native-community/cli-doctor/build/commands/doctor.js:106:51) at Array.map (<anonymous>) at iterateOverCategories (/Users/name/Desktop/Test/TestProject/node_modules/@react-native-community/cli-doctor/build/commands/doctor.js:139:70) at Object.doctorCommand [as func] (/Users/name/Desktop/Test/TestProject/node_modules/@react-native-community/cli-doctor/build/commands/doctor.js:140:41) at async Command.handleAction (/Users/name/Desktop/Test/TestProject/node_modules/@react-native-community/cli/build/index.js:116:9)
❗ 질문 작성시 꼭 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 안녕하세요 강사님!! 강의에서 type을 정의할 때 type과 interface 키워드 모드 사용하는걸 볼 수 있는데,어떨때 type을 사용하고 interface를 사용하는지 알 수 있을까요? 느낌상 확장성(extends), 재사용성(제네릭) 등 타입이 확정적이지 않은곳에서 interface를 사용하고 그 이외에는 type을 사용하는것같은데 맞을까요?
안녕하세요. 강의 진행 중 애플 로그인 구현하기 까지 진행하고 있습니다. 강의에서는 별다른 설명 없이 등록이 진행 되는걸로 보여지는데 저는 멤버십을 구매하라고 나오네요.. 제가 혹시 가입 중 뭔가 잘못 한건가요? 아니면 원래 애플 개발자에 등록을 하려면 개인도 13만원 가량 하는 금액을 지불해야 하는건가요? 제가 혹시 잘못 가입 한거라면 비용을 지불하지 않고 개발자를 등록하는 방법을 한번만 자세히 알려주시면 감사드리겠습니다!
❗ 질문 작성시 꼭 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 안녕하세요, yarn start를 하고 i를 눌러 Ios를 실행하면 이런 에러가 뜹니다 ㅠ i - run on iOS a - run on Android d - open Dev Menu r - reload app info Opening app on iOS... info A dev server is already running for this project on port 8081. Error: Error: Command failed with exit code 1: xcodebuild -list -json xcode-select: error: tool 'xcodebuild' requires Xcode, but active developer directory '/Library/Developer/CommandLineTools' is a command line tools instance at getInfo (/Users/woojin/Desktop/Repos/AwesomeProject/node_modules/@react-native-community/cli-platform-apple/build/tools/getInfo.js:31:11) at getConfiguration (/Users/woojin/Desktop/Repos/AwesomeProject/node_modules/@react-native-community/cli-platform-apple/build/commands/buildCommand/getConfiguration.js:36:37) at Object.func (/Users/woojin/Desktop/Repos/AwesomeProject/node_modules/@react-native-community/cli-platform-apple/build/commands/runCommand/createRun.js:113:52) at process.processTicksAndRejections (node:internal/process/task_queues:95:5) at async Command.handleAction (/Users/woojin/Desktop/Repos/AwesomeProject/node_modules/@react-native-community/cli/build/index.js:118:9) 그리고 자꾸 이런 것도 뜨는데 저는 다른 포트가 없는데 왜 뜨는걸까요? info A dev server is already running for this project on port 8081.
❗ 질문 작성시 꼭 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 안녕하세요! 강의에서는 npx react-native@latest init ~~ 이라고 되어있는데 지금 공식 문서에는 npx @react-native-community/cli@latest init AwesomeProject 이라고 되어 있습니다. 어떤 차이가 있는걸까요?
❗ 질문 작성시 꼭 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 안녕하세요! 이거 설정은 필요 없는걸까요? 강좌에 설명이 없어서 질문 드립니다!
❗ 질문 작성시 꼭 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 안녕하세요, 안드로이드 스튜디오에서 SDK 플랫폼 설정에서 안드로이드 api 34 가 있고 33을 추가로 설치하라고 하셨는데, 저한테는 그게 없는데 어떻게 할까요?
Invariant Violation: "matzipApp" has not been registered. This can happen if: * Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project. * A module failed to load due to an error and AppRegistry.registerComponent wasn't called., js engine: hermes react navigation 강의에서 react-native-gesture-handler 를 설치하고 나서 계속 위와 같은 오류가 납니다. 개발환경은 윈도우이구요. 아무리 gesture-handler의 버전을 조정해봐도 같은 오류가 계속 나고 구글링을 해서 issue들을 살펴봐도 정말 명확한 해결책도 없구요.. 빨리 다음 강의 듣고싶은데 답답하네요..
프로젝트 생성 시 npm start를 하고 a를 눌러 안드로이드 에뮬레이터를 키려면 오류가 납니다. info Dev server ready i - run on iOS a - run on Android d - open Dev Menu r - reload app info Opening app on Android... info A dev server is already running for this project on port 8081. info Launching emulator... info Installing the app... > Task :gradle-plugin:checkKotlinGradlePluginConfigurationErrors > 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 5 actionable tasks: 1 executed, 4 up-to-date info 💡 Tip: Make sure that you have set up your development environment correctly, by running npx 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 FAILURE: Build failed with an exception. * Where: Build file 'C:\Users\kimch\Documents\MatzipApp\android\app\build.gradle' line: 1 * What went wrong: A problem occurred evaluating project ':app'. > Failed to apply plugin 'com.android.internal.application'. > Android Gradle plugin requires Java 17 to run. You are currently using Java 11. Your current JDK is located in C:\Program Files\Microsoft\jdk-11.0.23.9-hotspot You can try some of the following options: - changing the IDE settings. - changing the JAVA_HOME environment variable. - changing org.gradle.java.home in gradle.properties . * 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 6s info Run CLI with --verbose flag for more details.
❗ 질문 작성시 꼭 참고해주세요 최대한 상세히 현재 문제(또는 에러)와 코드(또는 github) 를 첨부해주셔야 그만큼 자세히 답변드릴 수 있습니다. 맥/윈도우, 안드로이드/iOS, 버전 등의 개발환경 도 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황 을 올려주세요! 질문이 있습니다 강사님 오류는 아니고 궁금한점이있어서 문의드립니다보통 다른 네비게이터의 자식 페이지로 이동할때 StackNavigator 1 - Screen A - Screen B StackNavigator 2 - Screen C - Screen Dnavigation.navigate('StackNavigator2', {screen: 'Screen C'}); 이렇게 이동한다고 하지만, 이게 엄청 복잡하거나 screen 안에 param 안에 screen 즉 아래와 같은 경우에는 어떻게 작업해야할까요? navigation.navigate(MAIN_NAVIGATIONS.MAP, { screen: MAP_NAVIGATIONS.LOCATION_FEED_TAB, params: { screen: LOCATION_TAB_NAVIGATIONS.LOCATION_FEED_HOME, params: { screen: LOCATION_NAVIGATIONS.LOCATION_DETAIL, params: {id}, }, }, }); [ex) 상세 페이지(detail)를 list를 통해 이동했을 경우와 calendar 에서 바로 상세페이지로 이동했을 경우 goBack()의 히스토리가 잘못되어 calendar에서 바로 상세페이지(detail)로 이동하였을경우 goBack() 올바르게 작동하지 않는 경우] 3가지 방안으로 생각하였지만.. (1) goBack()을 사용하지 않고 어떤 경로로 접속하였든 List로 이동시키는 방법 (2) 아니면 흐름을 위하여 동일한 screen을 다른 navigation 에 각각 등록하여 따로 흐름(?)을 관리 screen을 다른 navigation 에 각각 사용하는 경우도있나요? (3) 전역상태 push 관련 history를 직접 관리하여 작업해야하는 지 어떤게 맞는 방법인지 혹시 다른 방법이 있는지 궁금하여 문의드립니다.
