[RN] React Native Firebase Analytics + Crashlytics 이해 및 설정 방법 : Android
·
React & React Native/환경 설정 및 구성
해당 글에서는 React Native에서 Android 개발환경에서  Firebase Analytics와 Crashlytics를 이해하고 설정하는 방법에 대해 확인합니다.   💡 React Native 환경에서 Firebase 설정에 관련된 링크들입니다.분류플랫폼링크Firebase Analytics + Crashlytics 이해 및 설정 방법Androidhttps://adjh54.tistory.com/254Firebase Analytics + Crashlytics 이해 및 설정 방법iOShttps://adjh54.tistory.com/530firebase 개발/운영 분리(Android) google-services.jsonAndroidhttps://adjh54.tistory.com/297firebase..
[RN] React Native APK 파일 이해 및 구성, 실행 방법 : Keystore
·
React & React Native/환경 설정 및 구성
해당 글에서는 react-native 환경에서 APK 파일을 구성하는 방법에 대해 공유합니다.1) APK, Keystore💡 APK- 안드로이드 운영 체제에서 사용되는 앱 패키지 파일을 의미합니다. 이 파일은 모바일 앱을 설치하는 데 사용되며 앱이 실행되는 데 필요한 모든 파일과 리소스를 포함합니다.💡 Keystore- Android 앱을 배포하기 위한 서명 파일을 의미합니다. Key Store를 사용하면 앱을 서명하여 앱이 정당한 출처임을 증명할 수 있습니다.- 앱을 업데이트하거나 새로운 앱을 배포할 때마다 같은 Key Store를 사용해야 합니다. 따라서 Key Store는 안전한 장소에 보관하고 관리해야 합니다.   2) 구성 과정1. keystore 생성합니다.💡 keytool은 Java D..
[RN] React Native Android 빌드 속도 올리는 방법 : gradle.properties
·
React & React Native/환경 설정 및 구성
해당 글에서는 React-native에서 Andriod 디바이스로 테스트를 하는 경우 빌드 속도를 올리는 방법에 대해서 공유합니다. 1) gradle.properties 파일 설정 1. Gradle 캐시 속성 설정하기💡 Gradle에서는 빌드 과정에서 많은 파일들을 생성하고 관리를 합니다.💡 '캐시'를 통하여 이전에 빌드된 캐시를 사용하여 빌드시간을 단축시켜 빌드를 빠르게 수행할 수 있습니다.org.gradle.caching=true   2. Daemon 모드 사용하기💡 Daemon 모드란?- 빌드에 사용되는 JVM을 한번 시작하고 빌드가 완료될 때까지 계속해서 사용합니다.- 이전 빌드에서 생성된 캐시를 사용하여 최대한 많은 작업을 건너뛰고 빌드를 빠르게 수행할 수 있습니다.- 캐시가 없는 경우 데..
[React] CRA 사용 없이 React/Typescript 개발 환경 구축(with. Webpack/babel)
·
React & React Native/환경 설정 및 구성
해당 글에서는 CRA(Create-React-App)를 사용하지 않고 개발 환경을 구축하는 방법에 대해서 공유합니다. 더불어서 선택적으로 설치해야 할 사항까지 함께 공유합니다. 1) 개발 환경 💡 개발 환경 구축을 위해 이용한 IDE, Package Manager, Package를 정리 한 내용 입니다. 분류 버전 설명 Visiual Studio latest 개발 IDE 툴로 VSCode를 사용하였습니다. node 16.16.0 자바스크립트를 수행하는 용도로 사용하였습니다. yarn 1.22.19 패키지 매니저로 사용하였습니다. react / react-dom 18.2.0 웹 프레임워크 React와 React-dom을 사용하였습니다. typescript 4.8.4 타입스크립트를 사용하였습니다. webpa..
[RN] React-native-cli Mac OS 환경설정 : 초기 프로젝트 구성
·
React & React Native/환경 설정 및 구성
해당 글은 Mac OS 기반의 React-native-cli 기반 환경설정 방법입니다. 1) 필수 프로그램을 설치합니다.1. homebrew💡 macOS 용 패키지 관리자입니다. HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh # 설치 이후 버전 확인$ brew -v  2. node💡 homebrew를 통해서 설치해도 가능하며, 아래 링크를 통해 다운로드를 하여도 무관합니다.# node install$ brew install node# node check$ node -v Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org  3..