해당 글에서는 빠르게 구성할 수 있는 CRA를 이용하고 Typescript 템플릿을 이용하여 React 프로젝트를 간단하게 구현하는 방법에 대해 알아봅니다. 1) 프로젝트 환경 💡 프로젝트 개발환경 - 프로젝트에서 사용된 환경과 버전입니다. 환경 버전 Node 18.17.1 yarn 1.22.19 IDE Visual Studio Code react 18.2.0 typescript 4.9.5 react-router 6.21.2 react-router-dom 6.21.2 2) 프로젝트 환경 구성 1. CRA + Typescript 프로젝트 구성 # format $ npx create-react-app --template typescript # 프로젝트 구성 예제 $ npx create-react-app mu..
해당 글에서는 Google Play Console로 내부 테스트를 수행한 이후에 종료하는 방법에 대해 공유합니다. 💡 Google Play Console로 내부테스트를 하는 방법에 대해 궁금하시면 아래의 글을 참고하시면 도움이 됩니다. [RN] Google Play Console 내부 테스트 구성 방법 해당 글에서는 Google Play Console에서 만들어진 앱을 내부 테스트 하는 방법에 대해 알아봅니다. 1) 내부 테스트 💡 내부 테스트 - Google Play Console의 내부 테스트는 앱이 출시되기 전에 개발자가 앱 adjh54.tistory.com 1) 내부 테스트 💡 내부 테스트 - Google Play Console의 내부 테스트는 앱이 출시되기 전에 개발자가 앱을 테스트하고 문제를 ..
해당 글에서는 Google Play Console에서 만들어진 앱을 내부 테스트 하는 방법에 대해 알아봅니다. 1) 내부 테스트💡 내부 테스트 - Google Play Console의 내부 테스트는 앱이 출시되기 전에 개발자가 앱을 테스트하고 문제를 해결할 수 있는 기회를 제공합니다. - 내부 테스트는 선택된 사용자 그룹에게 앱을 제공하여 실제 사용 환경에서 테스트할 수 있도록 합니다. 2) 내부 테스트 구성하기 - AppBundle 구성 1. 테스트에 사용할 AppBundle 구성💡 테스트에 사용할 AppBundle 구성 - 기존에 버전이 있다면 , 해당 버전을 사용하면 되고 새로 추가가 필요한 경우 App Bundle 탐색기 → 새 버전 업로드를 누릅니다. 2. [새 버전을 올리는 경우] .aab파일..
해당 글에서는 Google Play Console에서 구성한 설정을 기반으로 실제 프로덕션에서 배포를 하는 방법을 확인해 봅니다. 💡 이전 단계를 수행하지 않으셨다면 이전의 초기 환경설정 부분과 Google Play Console 부분을 적용하고 이번 글을 수행하셔야 합니다. [RN] Android Google Play Store 등록 방법 -1 : 초기 환경 설정 해당 과정은 앱을 Google Play Store에 출시하기 이전에 Google Play Console에서 처리해야 하는 작업 이전사전에 준비하는 작업에 대해 알아봅니다. 1) 준비 과정 💡 해당 부분에서는 분류 중 '초기 환경 adjh54.tistory.com [RN] Android Google Play Store 등록 방법 -2 : Goo..
해당 글에서는 React-native로 구성한 앱을 Google Play Console에 설정하는 방법에 대해 공유합니다. 💡 해당 글을 읽기 전에 사전 단계인 초기 환경설정 부분을 읽고 오시면 도움이 됩니다. [RN] Android Google Play Store 등록 방법 -1 : 초기 환경 설정 해당 과정은 앱을 Google Play Store에 출시하기 이전에 Google Play Console에서 처리해야 하는 작업 이전사전에 준비하는 작업에 대해 알아봅니다. 1) 준비 과정 💡 해당 부분에서는 분류 중 '초기 환경 adjh54.tistory.com 1) 앱 사전 준비 사항 & 앱 설정 과정 1. 앱 사전 준비사항 💡 앱 배포 준비를 하면서 미리 준비해두면 좋을 것 같았던 준비사항에 대해서 공유..
해당 과정은 앱을 Google Play Store에 출시하기 이전에 Google Play Console에서 처리해야 하는 작업 이전사전에 준비하는 작업에 대해 알아봅니다. 1) 준비 과정 💡 해당 부분에서는 분류 중 '초기 환경설정' 부분에 대해서 구성하였습니다. 분류 과정 설명 초기 환경설정 빌드 파일 최적화 - 안드로이드 앱의 빌드 과정에서 사용되지 않는 리소스를 제거하고 앱의 크기를 줄이는 과정을 수행합니다. 초기 환경설정 빌드 버전 설정 - 빌드 버전 설정은 안드로이드 앱의 버전을 관리하는 과정입니다. 이를 통해 앱의 업데이트와 호환성을 관리할 수 있습니다. 초기 환경설정 배포용 Keystore 발급 - 암호화된 개인 키를 안전하게 저장하고 관리하기 위해 발급됩니다. 이 개인 키는 암호화된 데이터..
해당 글에서는 firebase 관리 기능을 사용하는 도중 개발 단계와 운영단계를 분리하기 위한 방법에 대해서 알아봅니다. 1) 적용계기 💡 기존에는 개발 단계에서 1개의 firebase 환경 파일(google-services.json)만을 이용하여 Analytics나 Crashlytics를 이용하였습니다. 💡 그러나 개발 단계와 운영 단계에 동일한 firebase를 사용하면 혼동이 오기에 각각을 분리할 필요가 생겼습니다. 💡 [참고] Firebase 환경 구성 방법 [RN] React Native Firebase Analytics + Crashlytics 이해 및 설정 방법 : Andriod 해당 글에서는 React Native에서 Andriod 개발환경에서 Firebase Analytics와 Crash..
해당 글에서는 React-native 디바이스 테스트 기기로 포코폰을 이용하기 위해 환경을 구성하는 방법에 대해 공유합니다. 1) ‘설정’ 아이콘을 선택합니다. 2) 설정 탭 내에서 ‘휴대전화 정보’ 탭을 선택합니다. 3) 휴대전화 정보 탭에서 ‘MIUI 버전’을 5번 선택하면 아래와 같은 메시지가 출력됩니다. 4) 설정 - 일반 탭으로 들어가서 ‘개발자 옵션’을 선택합니다 5) 개발자 옵션에서 하단으로 내려 ‘디버깅’ 부분에서 ‘USB 디버깅’을 선택합니다. 6) 선택하면 아래와 같은 화면이 출력되고 ‘확인’ 버튼을 누릅니다. 7) 터미널에서 연결을 확인합니다. $ adb devices [ 더 알아보기 ] 💡 adb 명령어가 수행이 안되는데 어떻게 하는가? - 아래의 명령어를 실행시켜 설치를 수행합니다..
해당 글에서는 갤럭시에서 개발자 모드를 설정하는 방법에 대해 알아봅니다. 1) '설정'으로 들어갑니다. 2) 설정 탭에서 ‘휴대번호 정보’ 탭을 선택합니다 3) '소프트웨어 정보' 탭을 선택합니다. 3) 소프트웨어 탭 중에 ‘빌드번호’ 탭을 5번 눌러줍니다. 4) '개발자 옵션 탭'에서 'USB 디버깅'을 선택합니다. 5) 터미널에서 연결을 확인합니다. $ adb devices [ 더 알아보기 ] 💡 adb 명령어가 수행이 안되는데 어떻게 하는가? - 아래의 명령어를 실행시켜 설치를 수행합니다. brew install --cask android-platform-tools 99) [참고] 만약 unauthorized 상태가 지속된다면 💡 아래와 같이 unauthorized 상태가 계속된다면 4)번 과정을 ..
해당 글에서는 React Native에서 Android 개발환경에서 Firebase Analytics와 Crashlytics를 이해하고 설정하는 방법에 대해 확인합니다. 1) React Native Firebase 💡 React Native Firebase - React Native 애플리케이션에서 Firebase 서비스를 사용할 수 있게 해주는 라이브러리입니다. - Firebase는 Google이 제공하는 클라우드 기반 플랫폼으로, 앱 개발에 필요한 다양한 기능을 제공합니다. - React Native Firebase를 사용하면 사용자 인증, 데이터베이스, 저장소, 푸시 알림 등 다양한 Firebase 기능을 쉽게 구현할 수 있습니다. 1. React Native Firebase 특징 장점 설명 크로스..
