반응형 npm3 [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] 리액트 네이티브 각종 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] 리액트 네이티브 소개 및 작업 환경 설정 1. 리액트 네이티브란? 리액트 네이티브는 (React Native) 페이스북에서 개발한 자바스크립트 라이브러리로 자바스크립트와 리액트 라이브러리를 사용하여 하이브리드 앱을 개발할 수 있는 기술이다. 리액트 네이티브에서 제공해주는 라이브러리를 사용하여 네이티브의 자원에 접근하고, 사용할 수 있으며 안드로이드 (android), iOS 환경에서 모두 사용할 수 있어서 하이브리드 앱을 개발하는데 유용하다. 하이브리드앱은 안드로이드 코틀린이나 iOS 스위프트 등의 언어를 새로 배우지 않아도 리액트 네이티브를 사용하여 안드로이드와 iOS 플랫폼 모두 한번에 개발할 수 있는 장점이 있다. 그러나 개발을 하다보면 안드로이드 스튜디오와 xCode 모두 사용을 해야 하기 때문에 조금씩은 사용하게 된다. 2. 작업환경 .. 2023. 3. 29. 이전 1 다음 반응형
