초보개발자의 소소한 기록

프로젝트/android/app 경로로 이동 후 아래 명령어로 키해시를 생성해 등록함 windows 환경에서 개발 시 git bash 터미널에서 진행 여러개의 키 해시를 사용할 경우 kakao에 모두 등록해야咸 $ keytool -exportcert -alias androiddebugkey -keystore debug.keystore -storepass android -keypass android | openssl sha1 -binary | openssl base64 특정 경로의 keystore 에서 key hash 추출 keytool -exportcert -alias androiddebugkey -keystore {your-key-path}/{my-app-key}.keystore -storepass an..

// 설치 npm install -g npm-check-updates // 라이브러리 최신 버전 확인 ncu // package.json 라이브러리 버전 수정 ncu -u // package.json 라이브러리 설치 npm install * reference : https://www.npmjs.com/package/npm-check-updates

android 디버깅 시에 어떤 라이브러리에서 에러가 발생 했는 지 확인할 때 사용 $ cd androiod $ ./gradlew assembleDebug --stacktrace 사용법 관련해서는 아래 링크 참고 * reference : https://okky.kr/articles/338405

* react-native-table-component 사용하여 테이블 구현 시 발생한 에러 ERROR Warning: Failed prop type: Invalid prop `textStyle` of type `array` supplied to `Cell`, expected `object`. Cell@http://10.0.2.2:8081/index.bundle? ... in Row (at rows.js:55) in RCTView (at View.js:32) in View (at rows.js:51) in Rows (at Information.js:111) in RCTView (at View.js:32) ... # 해결 - node_modules > react-native-table-component >..

* firebase 설치 없이 간단하게 admob 적용이 가능해졌다. admob에서 app ID, ad unit ID는 생성했다는 전제 하에 정말 간단하게 적용이 가능하다. * reference : https://docs.page/invertase/react-native-google-mobile-ads 1. package 설치 yarn add react-native-google-mobile-ads 2. app ID 등록 - app.json 파일에 app id 등록 후 rebuild # project > app.json { ... "react-native-google-mobile-ads": { "android_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx", "ios_app_id":..

* 아래 블로그에 상세하게 설명되어 있으나, 몇 가지 추가 진행 사항을 통해 변경 완료함 # package 변경하기 - reference : http://asq.kr/ZWdfTnq1u - 블로그의 설명대로 변경하되, 그 외 기존 package 가 기재되어있는 모든 곳을 변경함 # Project 이름 변경하기 - reference : http://asq.kr/zwN4Cx58 - android 는 간단하게 변경 되었으나, ios 의 경우 아래 추가 절차가 필요함 1) schema 수정 시 Manage Scheme 에서 변경한 후, [Project > Scheme > Edit Scheme] 에서 Build 단계에 존재하는 기존 Targets 을 삭제한 후 새로운 Targets을 등록 ( 기존 Target 이름..

* react-native-webview 를 사용하여 웹뷰 구현 시, 해당 웹뷰 내에서 신규 브라우저를 띄우고자 하는 경우 ios 는 default 값이 인앱으로 구현되나, android 는 default 값이 새로운 브라우저를 띄운다. 간단하게 setSupportMultipleWindows 옵션을 변경하는 것으로 인앱구동 가능 # 로딩 제어 관련 유용한 옵션들 - onLoad : Function that is invoked when the WebView has finished loading. - onLoadEnd : Function that is invoked when the WebView load succeeds or fails. - onLoadStart : Function that is invoke..

* RN에서 크롤링 기능을 구현하면서, 다양한 경우의 오류 해결 과정을 함께 기록함 * euc-kr to utf-8 방법은 맨 아래로 바로 이동 #1. fetch() 를 통해 호출 시, 'https' 프로토콜 및 'utf-8'로 인코딩된 웹페이지는 ios/android 모두 정상적으로 데이터를 잘 읽어왔다. 1) fetch() 를 통해 url 호출 시 응답 값 ... const Crawling = async () => { const res = await fetch(`https://bocoder.tistory.com/`); console.log(res); } ... 2) fetch().text 를 통해 url 호출 시 응답 값 ... const Crawling = async () => { const res..

# 업로드 키 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]..