본문 바로가기

expo5

expo, expo(bare), react-native CLI 차이 React Native - Reat Native CLI(Expo 없이 배포) Expo (Managed Workflow) 설정할게 없어서 사용하기 쉽다. 내장된 많은 네이티브 모듈이 있다. Expo CLI를 통해 제어한다. Expo Wrapper를 포함한 Standalone 앱 배포가 가능하다. Android Studio, Xcode 필요없다. Expo (Bare Workflow) Non-Expo 앱 임포트된 Expo 패키지를 사용한다. 상대적으로 설정, 관리가 쉽다. 네이티브 모듈도 사용가능하다. Android Studio와 XCode에서도 빌드, 배포가 가능하다. React Native CLI Non-Expo 앱 Expo 패키지를 이용할 수 있다. 사용자 설정이 필요하다. 자신의 것을 만들기 좋다. 자.. 2020. 12. 28.
[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] Setup, Redux, Navigation 세팅 Shop App 001 1 계획 1) product overview screen : image, title, cart, detail button 2) cart detail screen 3) product detail screen 4) Navigation : shop, orders, manage products orders mange products : plus button → edit product screen 2 생성, Setup Create $ expo init wordmall Setup $ npm install --save react-native react-native-screens $ npm install --save redux react-redux react-navigation react-nav.. 2020. 6. 19.
[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] 1 React Native 시작, Expo React Native 001 1 React Native(RN) 란? React.js React Native 사용자 인터페이스 build를 위한 JavaScript 라이브러리 특별한 React 컴포넌트의 집합 웹 개발에 주로 사용됨 컴포넌트는 Native 위젯으로 컴파일됨 ReactDOM.render() 은 추가로 웹지원이 가능 Native 플랫폼 API는 JavaScript를 노출함 React 자체는 플랫폼-agnostic함(그 자체로 쉽게 배울 수 있음) Javascript와 Native 플랫폼 코드를 연결함. React.js + React Native = 실제 Native Mobile 앱(iOS, Android) React Native 동작 원리 HTML 을 번역할 수는 없고, , 등의 태그를 이용.. 2020. 5. 5.
728x90