초보개발자의 소소한 기록

Google Play Console에 앱을 등록하기 위해서, keytool을 이용해 서명 후 aab 파일을 빌드 및 업로드 해야한다. keytool을 이용한 서명 방법은 아래 게시글을 참고하자.https://bocoder.tistory.com/50 [React Native - android] Google Play Store 출시를 위한 keystore 생성 및 등록개발 완료 후 Google Play Store 출시를 위해, release용 인증서를 생성하고 확인함 1. /android/app 위치에서 아래 커맨드 실행 # location : [project]/android/app $ keytool -genkeypair -v -storetype PKCS12 -keystore my-upload-key.boc..

react-native android 앱 실행 시 에러 없이 crash로 종료될 때 아주 유용하다.// 휴대폰 연결 확인$ adb devices// 에러만 출력 시$ adb logcat '*:E'// - waiting for device - 출력 시, adb 재기동$ adb kill-server $ adb start-server

프로젝트/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 andro..

// 설치 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..