Mobile 검색 결과
6 개의 검색 결과가 있습니다.
Mobile/React Native

[React Native] Error: Duplicate resources 오류 해결 방법

🌈 Error: Duplicate resources 오류 해결하기 gradle build 또는 로컬 기동시 아래와 같은 에러가 발생했을 때 해결하는 방법이다. > Task :app:mergeReleaseResources FAILED [drawable-hdpi-v4/node_modules_reactnavigation_stack_src_views_assets_backicon] C:\Users\jinny\Documents\git\melhor\app-user\android\app\src\main\res\drawable-hdpi\node_modules_reactnavigation_stack_src_views_assets_backicon.png [drawable-hdpi-v4/node_modules_reactnav..

2023. 2. 13. 16:57
Mobile/React Native

[React Native] APK 파일 추출하는 방법 정리

🌈 React native APK 파일 추출하기 안드로이드 apk 파일을 추출하는 방법에 대해 정리한 포스팅이다. 0️⃣ 공통사항 APK를 추출하기 전에 앞서 추출을 위해서는 android/app/src/main/assets 디렉토리가 존재해야 하므로 해당 디렉토리가 존재하지 않는경우 assets 폴더를 생성한다. 1️⃣ 명령어로 추출하기 커맨드에 아래 명령어를 입력할 경우 assets 디렉토리에 번들 파일이 생성된다. npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest andro..

2023. 2. 6. 21:51
Mobile/React Native

[React Native] React Native Cli에서 Expo 모듈 설치하여 사용하기

🌈 React native cli에서 Expo modules 사용하는 방법 React native cli와 Expo를 고민하던 중 네이티브 기능에 대한 확장 가능성으로 인해 React native cli를 선택하여 개발을 시작하였다. 그러던 중 Expo에서는 간단하게 구현할 수 있는 기능이 많아 생산성을 높이기 위해 현재 프로젝트에 Expo 모듈을 추가하기로 하였다. 👨‍💻 설치방법 ◾ 방법 1 - Expo 공식 사이트의 가이드 따라 하기 Expo에서 제공하는 메뉴얼인 Expo Docs :: Add Expo to an existing project 을 보고 따라 한다. ◾ 방법 2 - npm 명령어 입력 1. npx install-expo-modules 2. yarn add expo-location 3...

2023. 2. 2. 15:05
Mobile/React Native

[React Native] Expo-CLI 개발 환경 세팅 방법 정리

🌈 Expo-CLI 개발 환경 세팅 하기 1️⃣ Expo CLI 설치 2️⃣ 프로젝트 생성 3️⃣ 프로젝트 실행(웹/가상장치) 4️⃣ Expo app에서 실행 1️⃣ Expo CLI 설치 ◾ expo-cli 설치 명령어 입력 npm install --global expo-cli global 설치를 원하지 않는 경우 프로젝트를 시작할 경로에서 아래 명령어를 입력한다. npm install expo-cli ◾설치 확인 expo-cli --version 2️⃣ 프로젝트 생성 ◾ 프로젝트 생성할 폴더로 이동후 [ expo init 프로젝트명 ] 입력 expo init 프로젝트명 ◾ template 선택 - blank : 비어있는 하나의 페이지만 존재하는 템플릿 - blank(TypeScript) : blank와..

2023. 1. 30. 22:18
Mobile

[Mobile] 모바일 크롬 개발자 모드 디버깅 환경 구축하기

🌈 모바일 크롬에서 개발자 모드 구축하는 방법 모바일에서의 디버깅이 필요할 때 크롬 개발자 모드를 통해 쉽게 개발 환경을 구축할 수 있다. 1️⃣ 안드로이드 개발자 모드 활성화 개발자 옵션 메뉴가 보이지 않는 경우 개발자 옵션이 보이도록 설정해야 한다. 휴대전화 정보 → → 소프트웨어 정보 → 빌드번호 7번 클릭 시 개발자 옵션 메뉴가 보이게 된다. 개발자 옵션 메뉴가 보이는 경우 아래 절차를 따라 모바일에서의 디버깅 환경 설정을 마친다. 개발자 옵션 → 켜진 상태로 유지 → USB 디버깅 2️⃣ PC와 휴대폰 연결 USB를 통해 PC와 휴대폰을 연결한다. 3️⃣ 크롬 개발자 도구 페이지로 이동 및 포트 포워딩 URL에 chrome://inspect/#devices 를 검색하여 개발자 도구 페이지로 이동..

2023. 1. 7. 16:13
Mobile/React Native

[React Native] React-Native-CLI 와 Expo-CLI 비교

🌈 React-Native-CLI 와 Expo-CLI? 리액트 네이티브(React Native) 의 CLI는 두 가지(React-Native-CLI와 Expo-CLI)가 존재한다. - React-Native-CLI는 자유도가 높아 여러가지 모듈과 API를 사용할 수 있다. - Expo-CLI는 모듈과 API의 사용에 제약이 있지만 초기 세팅을 단순화하여 빠른 개발을 시작할 수 있다. 따라서 처음 리액트 네이티브를 접하는 개발자라면 Expo-CLI를 사용하는 것을 추천하며, Expo-CLI를 통해 리액트 네이티브 개발이 익숙해졌다면 React-Native-CLI로 넘어가 개발하는 것이 좋다. 물론 처음부터 React-Native-CLI로 개발을 시작해도 된다. 1️⃣ Expo-CLI Expo-CLI는 초기..

2022. 7. 20. 12:58