어쨌든 공부하는 블로그

[React Native] onPress가 자동실행되는 문제

Login위와 같이 코드를 작성했는데 TouchableOpacity 컴포넌트를 클릭하지 않았는데도 자꾸 Main 화면으로 이동했다 onPress의 prop에 바로 명령문을 넣어버리면 그냥 실행이 되어버리기 때문에 반드시 함수 형태로 전달해야 한다  navigation.replace('Main')}> Login함수로 prop을 전달해 주면 해결된다

Unable to resolve "@react-navigation/native" from "App.js"Navigation 바를 만드는데 자꾸 이런 에러가 뜨면서 실행이 되질 않았다 npm start -- --reset-cache잔여 캐시 문제라는 말도 있어서 위와 같이 시도해 봐도 안 되었다npm remove @react-navigation/nativenpm install @react-navigation/native결국 @react-navition/native를 제거한 뒤 다시 설치해 주니 제대로 작동하였다 그리고 뒤에Unable to resolve "@react-navigation/bottom-tabs" from "App.js"이번엔 이렇게 에러가 떴는데, 마찬가지로 제거해준 뒤 다시 실행시켰더니 해..

React Native Expo 환경은 따로 안드로이드 스튜디오 설치를 하지 않고도 휴대폰 디바이스에 연결해서 개발 상황을 확인할 수 있는데, 휴대폰을 계속 켜놔야 하기도 하고 그냥 컴퓨터 내에서 에뮬레이터를 돌리는 게 나을 것 같았다 https://developer.android.com/studio우선 안드로이드 스튜디오를 설치해 준다 상단 메뉴바에서 File > Setting > Android SDK > SDK Playforms창에서 원하는 안드로이드 버전 설치 같은 메뉴바의 SDK Tools 창에서 Android SDK Build Tools, Android Emulator가 설치되어 있는지 확인한다 우측 상단에서 Device Manager로 들어가서+ 버튼을 눌러 새로운 디바이스를 만들어 준다옵션을..

expo start를 통해 실행시켰으나 다음과 같은 에러 발생 global expo cli이 더 이상 사용되지 않기 때문에 npx expo start를 이용해서 실행시켜주어야 한다

expo로 빌드해서 사용하고 있는데 갑자기 이런 경고창이 뜨면서 에뮬레이터와 연결이 되질 않았다 터미널에서 r (reload)를 입력하면 경고창이 뜨는데, 해당 부분을 수정해주고 저장하면 다시 정상적으로 연결되어 화면이 뜬다 코드 상에서 에러가 있을 경우에 reload 하기 전에는 저렇게 연결이 안 되는 것 같다

npx react-native doctor로 확인한 내역... 오늘 닥터를 몇 번이나 호출했는지 모르겠다 처음에는 adb도 에러( Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device. )가 떴는데, 안드로이드 스튜디오에서 가상 머신을 실행시켜주고 나니 해결이 되었다 JDK Error jdk8을 다운받으래서 다운받았었는데 이번엔 jdk버전이 17 이상 20이하여야 된댄다... https://www.oracle.com/java/technologies/downloads/#jdk17-windows 새롭게 jdk17을 다운받아준다 사용자 변수와 시스템 변수에 각각..

react-native run-android 명령어가 안 먹히고 module이 없다... 만 반복해서 한참 헤메던 끝에 남들의 rn 프로젝트랑 내 컴퓨터에 생성된 rn 프로젝트의 폴더 상태가 다르단 걸 깨달음 원래 이렇게 다 있고 android 폴더에서 작업을 진행하면 되는 건데 내 프로젝트 폴더는 이게 전부였다 처음 생성해 보는 거라 이상하다고도 여기질 못함 npm uninstall -g react-native-cli npm install -g react-native-cli npm install -g react-native cmd에서 react native cli을 언인스톨 해주고 다시 인스톨 해 준다 다운받는 과정에서 뭐가 잘못됐었는지... 환경변수 설정에서 뭐가 잘못됐는지... 다시 다운받고 npx..