초보개발자의 소소한 기록

* Firebase SDK를 연동하는 과정에서 라이브러리가 많다보니 메모리가 충족되지 않아 발생하는 문제였음 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:mergeLibDexDebug'. > A failure occurred while executing com.android.build.gradle.internal.tasks.DexMergingTaskDelegate > There was a failure while executing work items > A failure occurred while executing com.android.build.gradle.internal.tasks...

개발을 완료 후 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-cli 를 통해 react-navigation 에서 제공하는 모듈을 사용하여 Bottom Tabs 를 구현했을 시, 앱 최초 실행 시에 화면 상단 header와 하단 bottom tabs 크기가 일시적으로 변경되는 현상구현됨 * reference : https://reactnavigation.org/docs/bottom-tab-navigator/ //navigation import {NavigationContainer} from '@react-navigation/native'; import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; ... const Tab = createBottomTabNavigator();..

> 1. ".git" 폴더 생성 $ git init 2. 파일 변경 상태 확인 $ git status 3. staging area에 추가 $ git add "파일이름" # 특정 파일 add $ git add . # 폴더 내에 있는 파일 전체 add // 변경된 파일 add 4. commit 및 message 작성 $ git commit -m "commit message" 5. commit 정보 확인 확인 $ git log 6. repository에 코드 push하기 $ git remote add origin "repository_url" $ git remote -v $ git push -u origin master > $ git add . # 폴더 내에 있는 파일 전체 add // 변경된 파일 add $..

최초 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", 업데이트 ..

* react-native 0.61.5 버전에서는 바코드 생성이 잘 되었는데, 0.64.2 로 업그레이드 후 에러가 발생함 바코드 생성을 위해 [react-native-barcode-builder] 모듈을 사용하고 있었는데, 버전이 업그레이드 되면서 autolinking 이 되지 않는 이슈라고 함 1. iOS 에서는 Podfile의 아래 부분을 수정해준다. # ios > Podfile # before pod 'React-ART', :path => '../node_modules/react-native/Libraries/ART' # after pod 'ReactNativeART', :path => '../node_modules/@react-native-community/art' * reference : ht..

* react-native 버전을 [0.61.5 -> 0.64.2] 로 변경 후, android 빌드 중 발생 다른 에러를 디버깅 하다가, build 는 성공하는데 아래 warning이 계속 찍혀서 찾아봄 > Task :app:stripDebugDebugSymbols Unable to strip the following libraries, packaging them as they are: libBengine.so, libc++_shared.so, libevent-2.1.so, libevent_core-2.1.so, libevent_extra-2.1.so, libfb.so, libfbjni.so, libflipper.so, libfolly_futures.so, libfolly_json.so, libgifi..

* 아래 글을 디버깅 하던 중 발생한 에러이다. [React Native - android] app crashes without any error log https://bocoder.tistory.com/24 debug 모드 실행 > http://localhost:8081/debugger-ui/ > 개발자 도구(F12) 까지 준비하면, 아래 로그가 찍힌다. * 참고 : https://github.com/microsoft/react-native-windows/issues/7451 해당 로그가 안찍히도록 하는 방법은 아래와 같다. : 개발자도구 > Sources > ⚙︎ (setting) > 'Enable JavaScript source maps' & 'Enable CSS source maps' 를 체크 해..