본문 바로가기

ios4

[React Native] 배포(expo, react-native cli) React Native - 배포 코드를 테스트하고, 정리한다. 앱 환경 / 개발 환경을 설정한다. 아이콘, 스플래시 스크린을 추가한다. 빌드 & 배포한다. Expo (Managed) app.json 설정을 통해 자동 asset 생성한다. expo publish expo build:android/ios Over the air 업데이트 Non-Expo 손수 설정 Android studio / Xcode 를 이용해서 빌드 내장된 OTA 업데이트는 없다. expo 배포 https://docs.expo.io/versions/v34.0.0/distribution/introduction/ Android $ expo build:android $ expo fetch:android:keystore $ expo upload.. 2020. 12. 28.
[React Native CLI] - Simulator 연동(android, ios) React Native CLI - Simulator 연동(android, ios) expo 를 사용하지 않고 react-native CLI로 앱을 실행하고, 빌드, 배포해보자. 일단 react native cli를 설치한다. $ yarn global add react-native-cli 또는 $ npm install -g react-native-cli 그리고 reac-native 를 초기화시킨다. 새로운 프로젝트 폴더를 만든다. $ react-native init MyReactNativeProject 1) Android 일단 안드로이드 시뮬레이터를 설치하고, react-native를 실행해보자. 참고로 mac에서 하였다. 1) 안드로이드 스튜디오를 다운받는다. 2) 우하단에 Configure 대신 SDK.. 2020. 12. 24.
[React Native] Expo 없이 앱 build하기 지금은 Expo에 의존하여 빌드, 모듈, 배포를 했습니다. 하지만, 더 이상 Expo에 의존하지 않으려 합니다. 또한 앱이 규모가 커지면, 다른 배포 도구가 필요합니다. 대안 Expo는 워크플로우를 관리합니다. 세팅할 것이 하나도 없고, 사용하기 편리하고, 많은 네이티브 모듈이 빌트인 되어있습니다. Expo CLI로 제어가 가능하고, Standalone app(Expo가 필요없는)이 배포가 가능합니다. 즉, 안드로이드 스튜디오나 XCode가 기술적으로 필요하지 않습니다. Expo - Bare Workflow React Natvie CLI None-Expo App None-Expo App 여전히 엑스포 패키지 불러옴 Expo 패키지 이용가능, 매뉴얼 설정 필요 설정, 관리 쉬움 자신의 것을 관리 아무 네이.. 2020. 6. 11.
[React Native] 4 반응형, 적응형 사용자 인터페이스 만들기 React Native 004 - Responsive, Adaptive User Interfaces 반응형, 적응형 사용자 인터페이스 자동적으로 모든 가능한 디바이스에 알맞은 모양으로 적용되도록 만들어 봅니다. 디바이스 차원, 방향(orientation)을 찾는 방법을 알아봅니다. 크기와 방향에 근거한 레이아웃 조정해봅니다. iOS 또는 Android 등 다른 디바이스 플랫폼을 구별하는 방법을 알아봅니다. 플랫폼 기반 적응형 코드 / UI 를 만들어봅니다. Dimension API width: '25%' 위와 같이 넓이를 정할 때는 퍼센트를 사용하는 것이 일관성있으며, minWidth, maxWidth 도 퍼센트로 지정하는 것이 좋습니다. 더 좋은 방법은 Dimensiion API를 사용하.. 2020. 5. 10.
728x90