일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- xtring.log
- styled-components
- HTML
- ios
- vscode
- REACT
- viewcontroller
- DevOps
- Branch
- js
- github
- Android
- npm install
- git
- JavaScript
- nextJS
- ReactNative
- GitLab
- React Native
- Swift
- commit
- currying
- Xcode
- styling
- ES6
- npm
- react-native
- rn
- Docker
- shortcut
- Today
- Total
목록rn (4)
xtring.dev

React Native로 개발한 앱을 Play Store에 업로드하기 위해서 Android 앱을 Build해봅시다. 1. PlayStore 개발자 등록하기 먼저 구글 Play에서 developer 계정을 생성하고 등록합니다. developer.android.com/distribute/console?hl=ko Google Play | Android Developers Google Play Console로 앱과 게임을 게시하고 Google Play에서 비즈니스를 성장시키세요. 앱의 품질을 개선하고, 사용자층과 소통하고, 수익을 창출하기 위한 여러 기능을 활용할 수 있습니다. developer.android.com 개발자 계정을 등록할 때 약 5만원의 등록비가 필요합니다... 2. Android 서명키 생성하..

React Native 프로젝트에서 .jsx 사용하기 최근 React 프로젝트를 진행하면서 파일 형식을 .jsx로 하다 보니 새 React Native 프로젝트에서 .jsx으로 파일을 생성하니 Error가 터져나왔습니다. 파일 자체를 인식하지 못한다는 메세지를 보고 혹시 jsx 형식 자체가 인식이 되지 않을까 하는 생각에 구글링을 하던 중 찾게 된 jsx 설정 방법입니다. RN > 0.59 일 경우 프로젝트의 Root level에 metro.config.js에서 설정합니다. * 제가 세팅한 RN version은 0.62.2여서 위와 같은 세팅을 진행했습니다. RN 0.57 프로젝트의 Ro..

React native로 만든 앱을 빌드하고 APK 파일로 만들어 실기기에 설치해 보겠습니다. 터미널을 이용하여 React Native 프로젝트 폴더로 이동합니다. 해당 프로젝트 폴더의 android 폴더로 이동한 후 아래 명령어를 통해 앱을 빌드합니다. (RN root)/android $ ./gradlew assembleRelease 제가 사용한 맥에서는 5분 정도 기다리니 build가 완료되었습니다. build가 완료되면 RN 프로젝트의 > android/app/build/outputs/apk/release/app-release.apk 로 build된 apk를 찾을 수 있습니다. 이제 APK 파일을 Android 기기에 설치해서 테스트해볼 수 있습니다.

history를 보는 중 이전 commit으로 돌아갈 일이 생겨 작업을 마무리하고 다시 원위치로 돌아왔는데 `npx react-native run-ios`을 실행하면 App 자체는 켜지는데 이전에 load 되었던 프로젝트가 실행이 되었다. 이것을 모바일 앱 개발에서 App Crash라고 합니다. 이전에도 이와 비슷한 일이 있어 고민하던 중 Library가 제대로 세팅이 되지 않는 경우가 있었던 기억이 있어 modules를 다시 다운받아야 겠다고 판단했습니다. 하지만 App Crash의 경우 이게 꼭 답이 아닐 수도 있습니다. 따라서 다른 방법도 꼭 생각해 보아야합니다. 이전 커밋 위치로 돌아간다거나 최근 추가한 라이브러리가 제대로 세팅이 되어있는지 등등... 그렇다면 저는 모듈을 다시 다운로드하고 세팅해..