[RN] iOS Xcode 이전 버전(구 버전) 다운로드 및 실행 방법
·
React & React Native/환경 설정 및 구성
해당 글에서는 Xcode 구버전을 다운로드하고 실행하는 방법에 대해 알아봅니다1) 구 버전 실행 1. 문제 확인💡 문제 확인- 아래와 같이 Xcode 버전에 따라서 앱 스토어 빌드 오류가 발생할 수가 있다는 이슈가 있기에 이에 따르는 대처 방법으로 Xcode 버전을 낮추는 방법에 대해 알아봅니다.- 현재 겪었던 문제에서는 Xcode 14를 통해서 앱을 올렸다가 XCode 15릍 통해서 빌드를 하고자 할 때, 라이브러리에 대한 충돌이 발생하였습니다. 그렇기에 Xcode 버전을 낮추어서 실행하는 방법을 수행합니다.  💡 [참고] 문제에 대한 도움이 되었던 글https://median.co/discuss/651f476edcc93e007cb89dc5  2. Xcode 버전 확인💡 Xcode 버전 확인- X..
[RN] React Native iOS 환경에서 Xcode를 이용하여 IPA 파일 생성(export) 및 설치(import) 방법
·
React & React Native/환경 설정 및 구성
React Native iOS 환경에서 IPA 확장자 파일로 생성하거나 혹은 IPA 파일을 설치하는 방법에 대해서 알아봅니다1) IPA(iOS App Store Package)💡 IPA(iOS App Store Package)- iOS 애플리케이션의 배포 패키지 파일 형식입니다. 이는 앱의 실행 파일과 리소스를 포함하는 압축된 아카이브입니다.- 앱스토어 배포, 기업 내부 배포, 테스트 배포 등 다양한 용도로 사용됩니다. 앱의 바이너리, 에셋, 메타데이터 등 앱 실행에 필요한 모든 파일을 포함합니다.- Apple의 코드 서명이 포함되어 있어 앱의 무결성과 신뢰성을 보장합니다.- XCode를 통해 생성할 수 있으며, 테스트 기기에 직접 설치하거나 App Store에 업로드할 수 있습니다.  2) App i..
[RN] React Native 환경에서 react-native-boilerplate Template 이해하고 구성하기 -1 : 프로젝트 실행 및 디렉터리 구조 확인
·
React & React Native/환경 설정 및 구성
해당 글에서는 thecodingmachine/react-native-boilerplate를 활용하여 React Native의 템플릿을 활용하는 방법과 각각의 디렉터리별 구조를 확인합니다. 1) react-native-boilerplate💡 react-native-boilerplate- React Native 애플리케이션 개발을 위한 초기 프로젝트 템플릿입니다. 프로젝트를 최초 생성할 때, 해당 react-native-boilerplate를 활용하여서 기본 틀이 되는 구조를 받아서 구성합니다. GitHub - thecodingmachine/react-native-boilerplate: A React Native template for building solid applications 🐙, using J..
[RN] Android 디컴파일을 통한 소스코드 난독화 적용 방법 : 역분석(Reverse Engineering) 방지
·
React & React Native/환경 설정 및 구성
해당 글에서는 React Native 환경에서 Andriod App의 디컴파일 과정을 통해서 소스코드를 난독화하는 과정을 확인해 봅니다.1) 역 분석(Reverse Engineering) 방지💡 역 분석(Reverse Engineering) 방지- 역 분석이란 앱 내의 소스코드를 탐색하여서 이를 분석하고 불법 복제 및 해킹을 하려는 시도에 대해서 이를 막는 기술적인 방법을 의미합니다. 이를 방지하는 것이 역 분석 방지입니다.- 모바일 앱 개발에서는 이 방법이 중요한 이유는 지적 재산권 보호, 사용자 데이터 보안, 불법 복제 방지, 해킹 방지에 도움을 줄 수 있기에 중요합니다. 1. 문제점 : APK 파일 디컴파일 후 자바 소스코드로 변환 시 소스코드 분석이 가능함을 확인💡문제점 : APK 파일 디컴파..
[RN] React Native 환경에서 모니터링 종류 알아보기 : Firebase Crashlytics, Sentry
·
React & React Native/환경 설정 및 구성
해당 글에서는 React Native 환경에서 모니터링을 위한 Firebase Crashlytics, Sentry에 대해서 알아봅니다. 1) Firebase Crashlytics💡 Firebase Crashlytics - 사용자의 장치 및 앱 환경과 관련되어 발생하는 디버그 정보를 수집하고 보고서를 생성하는 기능을 제공합니다. Crash Error와 같이 애플리케이션에서 예기치 않게 종료되는 심각한 문제에 대해서 이를 수집하고 보고서를 생성합니다. - 이를 통해 개발자는 앱의 문제를 신속하게 파악하고 수정할 수 있습니다. Crashlytics는 앱의 안정성과 품질을 향상하는 데 도움을 줄 수 있습니다. - Firebase와의 통합을 통해 앱의 분석과 성능 모니터링을 한 곳에서 관리할 수 있습니다. 💡 [..
[RN] React Native 환경에서 Firebase Crashlytics Slack Integration 설정 및 적용하기
·
React & React Native/환경 설정 및 구성
해당 글에서는 React Native 환경에서 Firebase Crashlytics에 대해 Slack 메시지를 전달받는 설정에 대해 알아봅니다.  1) Firebase Crashlytics💡 Firebase Crashlytics- 사용자의 장치 및 앱 환경과 관련되어 발생하는 디버그 정보를 수집하고 보고서를 생성하는 기능을 제공합니다. Crash Error와 같이 애플리케이션에서 예기치 않게 종료되는 심각한 문제에 대해서 이를 수집하고 보고서를 생성합니다.- 이를 통해 개발자는 앱의 문제를 신속하게 파악하고 수정할 수 있습니다. Crashlytics는 앱의 안정성과 품질을 향상하는 데 도움을 줄 수 있습니다.- Firebase와의 통합을 통해 앱의 분석과 성능 모니터링을 한 곳에서 관리할 수 있습니다...
[RN] React Native 환경에서 Sentry + Slack Integration 이해하고 구성하기
·
React & React Native/환경 설정 및 구성
React Native 환경에서 모니터링을 위한 Sentry를 구성하며 Slack Integration을 통해 Sentry의 메시지를 전달받는 형태를 구성합니다. 1) Sentry💡Sentry- 실시간 애플리케이션 모니터링 및 오류 추적 플랫폼입니다. 개발자들이 소프트웨어의 성능을 모니터링하고 버그를 신속하게 식별하고 해결할 수 있도록 도와줍니다. React Native | Sentry for React NativeLearn how to set up Sentry's React Native SDK.docs.sentry.io 1. Sentry 주요 기능💡Sentry 주요 기능- Sentry에서 제공하는 주요 기능들에 대해 알아봅니다.기능설명충돌 해결 가속화- 사용자 정의 알림으로 신속한 조치- 실시간 통..
[RN] React Native iOS App Store 등록 방법 -2 : App Store 배포 심사 준비 + 사전 대비
·
React & React Native/환경 설정 및 구성
해당 글에서는 이전 글에서 App Store Connect에서 구성한 앱과 Archive 된 파일을 기반으로 실제 App Store에 심사를 요청하는 과정에 대해 알아봅니다.     💡 [참고] Android / iOS에 각각 앱을 배포하는 과정에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다.플랫폼분류링크AndroidReact Native Google Play Store 등록 방법 -1 : 초기 환경 설정https://adjh54.tistory.com/301AndroidReact Native Google Play Store 등록 방법 -2 : Google Play Console 설정https://adjh54.tistory.com/306AndroidReact Native Google Play S..
[RN] React Native iOS App Store 등록 방법 -1 : 앱 Archive 및 TestFlight 구성
·
React & React Native/환경 설정 및 구성
해당 글에서는 React Native 환경에서 iOS 플랫폼을 App Store에 올리는 방법 중 하나로 앱을 Archive 하고 TestFlight를 구성하는 방법에 대해 알아봅니다.  💡 [참고] Android / iOS에 각각 앱을 배포하는 과정에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다.플랫폼분류링크AndroidReact Native Google Play Store 등록 방법 -1 : 초기 환경 설정https://adjh54.tistory.com/301AndroidReact Native Google Play Store 등록 방법 -2 : Google Play Console 설정https://adjh54.tistory.com/306AndroidReact Native Google Pla..
[RN] React Native firebase 개발/운영 분리(iOS) : GoogleService-Info.plist
·
React & React Native/환경 설정 및 구성
해당 글에서는 react-native 내에서 firebase를 활용하는 경우 iOS 플랫폼에서 환경 파일을 개발(Debug)과 운영(Release) 상황에 따라 GoogleService-Info.plist 파일을 분리하는 방법에 대해 알아봅니다. 💡 React Native 환경에서 Firebase 설정에 관련된 링크들입니다.분류플랫폼링크Firebase Analytics + Crashlytics 이해 및 설정 방법Androidhttps://adjh54.tistory.com/254Firebase Analytics + Crashlytics 이해 및 설정 방법iOShttps://adjh54.tistory.com/530firebase 개발/운영 분리(Android) google-services.jsonAndro..