초보개발자의 소소한 기록

# 업로드 키 vs 앱 서명 키 업로드 키 인증서 : 생성한 .abb 파일을 Google Play Console에 업로드 할 때, 구글에서 검증을 위해 사용하는 것 앱 서명 키 인증서 : 구글에서 최종적으로 서명하는 키 즉, 개발자가 업로드 키로 서명 후 .abb 를 Google Play Console 에 업로드 --> 구글이 앱 서명 키로 자동 변경 후 스토어 출시 # 업로드 키 및 앱 서명 키로 나눠지 이유 개발자가 업로드 키를 분실할 경우를 대비해서, 중간에 검증단계를 넣어 앱 서명 키의 키 스토어를 구글에서 보관하는 기능을 추가 # 외부 연동 시 Firebse 연동 시는 앱을 업로드 하기 위한 것이 아니라, 출시된 앱과 연동을 위한 것이기에 앱 서명 키 인증서의 지문을 등록해야 함 오류 케이스 테..

개발 완료 후 Google Play Store 출시를 위해, release용 인증서를 생성하고 확인함 1. /android/app 위치에서 아래 커맨드 실행 # location : [project]/android/app $ keytool -genkeypair -v -storetype PKCS12 -keystore my-upload-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000 2. 아래 질문들에 답한 후, 마지막에 'y' 입력 3. 아래와 같이 [project]/android/app 위치에 my-upload-key.keystore 가 생성됨 4. gradle.properties 파일에 코드를 추가 # [project]..

출시를 위해 Google Play Console 에 App 등록 시, 기존에는 .apk 파일이 등록되었는데 2021년 8월 부터 Abb 파일로만 등록이 가능하다고 한다. * reference : https://android-developers.googleblog.com/2021/06/the-future-of-android-app-bundles-is.html # location : [project] $ react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle # location : [project]/android $ ...

개발을 완료 후 debug mode 로 테스트 시 잘 되던 api 호출이, release 모드로 빌드하니 되지 않음 # run debug mode react-native run-android # run release mode & build .apk file react-native run-android --variant=release api 호출을 위해 axios 를 사용했는데, AndroidManifest.xml 파일에 android:usesCleartextTraffic="true" 설정을 추가해서 해결 # android/app/src/main/AndroidManifest.xml >> add this > ... * refered : https://github.com/facebook/react-native..

앱 개발 후 Open Source License 에 대한 고지가 필요한데, 사용한 License 들의 목록을 한번에 확인 가능한 라이브러리가 있다. 1. 모듈 설치 sudo npm i -g react-native-oss-license * based on https://www.npmjs.com/package/react-native-oss-license * referred https://github.com/davglass/license-checker https://github.com/yami-beta/license-list 2. 사용한 License 목록 확인 - react-native-oss-liocense 옵션을 보면 os 별로 별도 파일로 추출할 수 있지만, json 으로 출력하여 구성하는 방법을 사용..

최초 react-native 설치 후 간단하게 babel.config.js 설정 방법 1. react-native 설치 npx react-native init [Project Name] * Reference : https://reactnative.dev/docs/environment-setup * 설치 완료 후 초기 목록 2. babel-plugin-module-resolver 설치 및 babel.config.js 수정 npm install --save-dev babel-plugin-module-resolver # babel.config.js // before module.exports = { presets: ['module:metro-react-native-babel-preset'], }; // aft..

개발 완료 후 운영중인 모바일 전용앱을 react-native 0.61.5 → 0.64.2 로 업데이트한 순서를 기록. git을 활용하지 않고 직접 코드를 수정했으며, 업데이트 시 발생한 에러들은 [React Native_error] 에 작성함. * react-native uprading 공식 문서 : https://reactnative.dev/docs/upgrading # before "react": "16.9.0", "react-native": "0.61.5", "react-native-v8": "^0.61.5-patch.3", # after "react": "17.0.1", "react-native": "^0.64.2", "react-native-v8": "^0.64.2-patch.0", 업데이트 ..

* 기본적으로 gradle 은 아래 위치에 설치되어 있음 /User/{사용자명}/.gradle * 특정 프로젝트에서 gradle 버전을 변경하고 싶다면, 아래 위치에서 버전 정보를 변경 /User/{사용자명}/{프로젝트명}/android/gradle/wrapper/gradle-wrapper.properties distributionUrl=https\://services.gradle.org/distributions/gradle-6.6-bin.zip ↓↓↓ distributionUrl=https\://services.gradle.org/distributions/gradle-6.7-bin.zip * 여기서 주의할 점은, 아래 처럼 gradle wrapper clean 을 하면 6.6 버전으로 계속 초기화됨 /..

1. npm 명령어 모음 * 참고 : https://docs.npmjs.com/cli/v7/commands/npm-install # package.json의 모듈 설치 npm install npm i # 의존성으로 추가 npm install {module_name} --save # 개발 의존성으로 추가 npm install {module_name} --save-dev npm install {module_name} -D # 전역으로 추가 npm install {module_name} --global npm install {module_name} -g # 업데이트 npm update --save # 모듈 삭제 npm uninstall {module_name} --save npm uni # 캐시 삭제 npm ..