배포준비-5 // React-native

최권준·2021년 11월 1일
0

Webview

  • 앱을 만들지 않고 WebView를 import해서 .apk로 감싸서 배포할 수 있음.

yarn add react-native-webview

모바일 배포

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

현대 개발 순서

  1. PC 웹
  2. 모바일 웹
  3. 앱(웹뷰)
    • 안드로이드
    • IOS
  4. 네이티브 앱

페이지 이동 방식의 차이

  • react + next : 폴더안에 index
  • react-native : react-navigation
  • react : react-router

네이티브 브릿지

  • JS로 작성한 코드를 안드로이드나 IOS에 맞게 전달해주는 역할
    - 성능상 저하는 일어날수 있지만 안드로이드 IOS에 모두 사용할수 있다는 점이 장점

PWA : progressive WebApp

  • 모바일 웹에 pwa를 추가하면 앱으로 만들 수 있다.
  1. 다운로드 아이콘 생성
  2. 푸쉬알림
  3. 웹으로 만든것을 앱으로 전환 (안드로이드)

Github 협력

master 브랜치 : 배포용
release 브랜치 : 버그 수정용
develope 브랜치 : 개발용
feature 브랜치 : 개인 개발용

회사용 github
⎿ 철수 깃 - fork - 개인 vscode ---(완료 후)--- 철수 깃에 push - 회사용 깃에 pull request
⎿ 영희 깃 - fork - 개인 vscode ---(완료 후)--- 영희 깃에 push - 회사용 깃에 pull request
⎿ 훈이 깃 - fork - 개인 vscode ---(완료 후)--- 훈이 깃에 push - 회사용 깃에 pull request

git remote add upstream 원본주소

0개의 댓글