반응형 React Native18 [React Native] could not connect to development server 리액트 네이티브 오류 해결 리액트 네이티브로 개발하면서 발생하는 오류중에 오류 해결이 오래 걸릴때가 있는데 이번 오류가 그랬다. 해결방안을 많이 검색해서 수정해봤지만 해결되지는 않았고, 한참후에야 해결할 수 있었다. 현상 - 앱이 실행은 되지만 소스를 수정해도 적용되지 않는다. 수정 - 메트로 서버를 기동할때 npm start 명령어로 기동했는데, 아래 명령어로 실행했더니 변화가 있었다. // 메트로 서버 기동 npx react-native start --reset-cache // 안드로이드 시뮬레이터 기동 npx react-native run-android npx로 기동했더니 아래와 같이 다른 오류가 발생했다. 위 오류는 Android > app > src > main > res > xml > network_security_co.. 2023. 4. 23. [React Native] 리액트 네이티브 안드로이드 기기에 빌드하기 - apk 만들기 리액트 네이티브로 안드로이드 앱을 개발하면서 시뮬레이터로만 우선 개발하다가 실제 기기에 빌드하여 테스트를 해야하는 시점이 오는데 아래는 실제 안드로이드 기기에 앱을 설치하기 위해 apk를 만드는 방법이다. # android apk 만들기 (개발용) android/app/src/main/assets 폴더가 있는지 확인하고 없으면 assets 폴더를 만들어 준다. 터미널에서 3번 명령어를 실행한다. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/re.. 2023. 4. 4. [React Native] 리액트 네이티브 각종 clean 및 캐시 삭제와 라이브러리 설치 리액트 네이티브 각종 clean 및 캐시 삭제와 라이브러리 설치 리액트 네이티브를 사용하여 개발하다보면 빌드 및 시뮬레이터 기동 시, 각종 오류가 발생하는 경우가 있는데 이런 경우 clean 이나 캐시 삭제를 해주면 정상동작 하는 경우들이 있다. 리액트네이티브로 앱을 개발하면서 사용했던 clean 및 캐시 삭제 명령어를 정리해본다. # grade clean $ cd android/ && ./gradlew clean build --refresh-dependencies $ cd ../ $ Npm run android # 안드로이드 gradle 초기화 $ android && ./gradlew clean # iOS clean xCode 에서 실행 command + Shift + K 혹은 맨상단의 Product에.. 2023. 4. 3. [React Native] 리액트 네이비브 디버깅 하는법, 키보드 가릴때, 상태값 변경에 대해 리액트 네이티브에서 사용하는 몇가지 속성과 디버깅하는 방법에 대해 알아보자. 먼저 디버깅 하는법 # 디버깅 안드로이드 : command + M 개발자 메뉴에서 Debug with Chrome 선택 iOS : command + D 개발자 메뉴에서 Debug with Chrome 선택 * 열리지 않는 경우 localhost:8081/debugger-ui 로 실행 크롬브라우저에서 command+option+I로 개발자 메뉴 열어서 디버깅할 수 있다. # KeyboardAvoidingView 텍스트를 입력할때 키보드가 input box를 가리지 않게 하기 위해 사용한다. ios와 안드로이드를 구분하여 아래와 같이 사용할 수 있다. OS를 구분하는 방법으로 아래와 같이 Platform.select 로도 구분할 수.. 2023. 3. 31. 이전 1 2 3 4 5 다음 반응형
