ReactNative

React Native

JunsC 2024. 1. 31. 23:45
728x90

React Native 새로 설정할때 참고한 사이트 
https://velog.io/@chloedev/React-Native-리액트-네이티브-개발-환경-구축하기Mac

https://dchkang83.tistory.com/215

 

Ruby 버전 업데이트

Homebrew 설치 $ /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" $ brew --version Homebrew 4.1.18 Homebrew/homebrew-core (git revision 58de0d98e4e; last commit 2023-11-03) Homebrew/homebrew-cask (git revisio

dchkang83.tistory.com

 

https://lucidmaj7.tistory.com/252

 

iOS React Native 환경 구축하기

이번에 알아볼 내용은 React Native 개발환경을 macOS에서 구축하기 위한 방법이다. React Native는 페이스북에서 개발한 오픈소스 모바일 애플리케이션 프레임워크로 기존의 Web에서 사용하는 React를 Nat

lucidmaj7.tistory.com

 

adb 설정방법

https://it-highjune.tistory.com/112

 

(안드로이드) mac에서 adb 사용

1. 안드로이드 스튜디오 설치 or adb툴 설치 2. 환경 변수 등록 mac도 window처럼 터미널에서 사용하기위해 path를 등록시켜줘야한다. 맥설치시 아래 루트 아래 adb툴이 설치되있다. /Users/{사용자아이

it-highjune.tistory.com

adb 를 이용한 무선 디버깅 연결

https://na0-0.tistory.com/60

 

[Android/안드로이드] Android Studio 무선(WIFI) 디버깅 연결

에뮬레이터가 되기는 하지만, 노트북이 이륙 직전의 상태이고 USB선이 계속 인식되다가 안되는 경우 때문에 Android Studio에서 adb를 리모트로 연결하는 방법을 정리해보겠다. Android 11부터 무선 디

na0-0.tistory.com

 

 

 

 

코드푸시 관련한 유용한 사이트 
1. https://velog.io/@minwoo129/React-Native%EC%97%90%EC%84%9C-CodePush-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0

 

[React-Native] 리액트 네이티브 개발 환경 구축하기(for Mac)(* 업데이트 중)

📌 Cross-platform 앱 개발을 위한 React-Native 개발환경 구축 크로스플랫폼 앱 개발을 하기에 앞서 React-Native와 Flutter를 고민하고 있다면 비교 article 읽어보기 -> Flutter vs React-native, Flutte

velog.io

 

React Native에서 CodePush 사용하기!!!

이미지 출처: codepush로 react native 앱 심사없이 통과하기 모바일 앱을 개발하다보면 항상 고민하게 되는 것이 있을 것이다. 테스트도 다 마치고 심사까지 다 통과했는데 오타가 나오면 어떡하지?

velog.io

 

2. https://velog.io/@beanlove97/%EB%B2%88%EC%97%AD-react-native-code-push

 

[번역] react-native-code-push

코드푸시 리드미를 읽어봤습니다.

velog.io

 

3. https://learn.microsoft.com/ko-kr/appcenter/distribution/codepush/cli#target-binary-version-parameter

 

App Center CLI를 사용하여 CodePush 업데이트 릴리스 - Visual Studio App Center

CodePush 업데이트를 릴리스하기 위해 App Center CLI를 사용하고 설정하는 방법

learn.microsoft.com

 

 

React Native 시작 및 설정시 npm 노드 명령어 

  • react-native start --reset-cache
  • npm start -- --reset-cache
  • rm -rf package-lock.json
  • rm -rf node_modules && rm -rf ~/.rncache
  • npm install --save-exact

 

React Native Android firebase 실행 명령어

adb shell setprop debug.firebase.analytics.app <패키지이름>

 

React Native Android / IOS 빌드 명령어

(npx) react-native run-android --variant=release

(npx) react-native run-ios --device 기기이름 --configuration Release , Staging 

 

React Native package-lock.json 버전에 맞추어 npm Install 명령어

Npm ci

 

React Native IOS Push setting 유용한 사이트

https://gale-lee.medium.com/react-native-0-63-%ED%91%B8%EC%8B%9C-%EC%95%8C%EB%A6%BC-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0-47374b3869aa

 

React Native 0.63 푸시 알림 설정하기

react-native-firebase v5 을 사용할 수록 오래된 버전이여서 알림관련 버그가 계속 발생했습니다..ㅠㅠ 고민 끝에 react-native-push-notification 으로 변경했고 변경 과정중에 알게된 정보를 정리했습니다…

gale-lee.medium.com

 

 

React Native apple Login 유용한 사이트

https://maruzzing.github.io/study/rnative/React-Native-%EC%95%A0%ED%94%8C%EB%A1%9C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0/

 

React Native 애플로 로그인 구현하기

지난해 애플 또한 애플로 로그인 하기 서비스를 시작했는데, 주목할 점은 기존 앱스토어 심사지침 상 서비스 자체 로그인 없이 소셜로그인 만으로 계정 승인이 이루어진 경우 반려 사유가 되었

maruzzing.github.io

 

React Native CodePush 사이트

https://appcenter.ms/apps

 

App Center

 

appcenter.ms

 

 

React Native TypeScript 전환 사이트 및 레퍼런스 사이트

https://minify.tistory.com/28?category=704381

 

[React Native Web] 앱과 웹을 한번에 개발하기 - 1

React를 처음 학습하면서 Parcel이란 번들러를 사용하여 React Todolist를 개발한 적이 있습니다. 벌써 거의 2년이 되어가네요. 이제 실무에서도 React를 1년넘게 사용하면서, 앱에도 욕심이 나서 React Nati

minify.tistory.com

 

https://reactnative.dev/docs/touchableopacity

 

TouchableOpacity · React Native

If you're looking for a more extensive and future-proof way to handle touch-based input, check out the Pressable API.

reactnative.dev

 

 

React Native CodePush 설정 관련 사이트

https://github.com/microsoft/react-native-code-push

 

GitHub - microsoft/react-native-code-push: React Native module for CodePush

React Native module for CodePush. Contribute to microsoft/react-native-code-push development by creating an account on GitHub.

github.com

 

https://medium.com/humanscape-tech/react-native-code-push%EB%A1%9C-%EB%B0%B0%ED%8F%AC%ED%95%98%EA%B8%B0-26b320d87f8

 

React Native Code Push로 배포하기

안녕하세요. 휴먼스케이프 Software Engineer Dia입니다. 😀

medium.com

 

 

https://zerogyun.dev/2021/07/15/React-Native-%EB%B2%84%EA%B7%B8%ED%94%BD%EC%8A%A4-3%EB%B6%84%EC%99%84%EC%84%B1-%EC%BD%94%EB%93%9C%ED%91%B8%EC%8B%9C-%EB%A7%9B-1/

 

React Native 버그픽스 3분완성 [코드푸시 맛] - 1

React Native 기반 앱의 변경사항을 앱스토어 심사 없이 CodePush 를 이용하여 빠르게 패치하는 방법에 대하여 알아봅니다.

zerogyun.dev

 

 

React Native Typescript 로 프로젝트 생성 명령어

https://github.com/react-native-community/react-native-template-typescript

 

GitHub - react-native-community/react-native-template-typescript: 👾 Clean and minimalist React Native template for a quick st

👾 Clean and minimalist React Native template for a quick start with TypeScript. - react-native-community/react-native-template-typescript

github.com

 

 

React Native - Swift 연동 
https://teabreak.e-spres-oh.com/swift-in-react-native-the-ultimate-guide-part-1-modules-9bb8d054db03

 

728x90
"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."