초보개발자의 소소한 기록

개발을 완료 후 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();..

최초 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' 를 체크 해..

1. 기존에 잘 빌드되어서 svn 에 import함 2. svn 에서 새로 commit 받음 3. 빌드 시 파일이 없다고 함 확인해보니 ~~~.a 파일이 svn에 import 시 정상적으로 업로드 되지 않았다. Cornerstone SVN 기준으로, [ignore files according to my global ignore settings] 를 체크 해제하여 업로드 할 것

* react-native 버전을 [0.61.5 -> 0.64.2] 로 변경 후, ios 빌드 중 발생한 에러 pod install 시에 발생한 에러로, 폴더명에 중괄호 '()' 가 들어가 있었서 발생한 에러였다. 폴더명에 중괄호 '()' 만 제거하니 해결됨