해당 글에서는 Google AdMob에서 Google Firebase Analytics 연결하는 방법에 대해 확인합니다1) Google AdMob & Google Firebase Analytics💡 Google AdMob & Google Firebase Analytics- Google AdMob은 모바일 앱에서 수익을 창출할 수 있게 해주는 모바일 광고 플랫폼입니다. 개발자들이 자신의 앱에 광고를 통합하고 수익을 얻을 수 있도록 도와줍니다.- Google Firebase Analytics는 앱 사용자의 행동과 성과를 측정하고 분석할 수 있는 무료 앱 측정 솔루션입니다. 사용자 참여도, 이탈률, 인구통계 등 다양한 데이터를 수집하고 분석할 수 있습니다.💡 두 서비스를 연결하면 다음과 같은 이점이 있습..

해당 글에서는 React Native 환경에서 iOS 플랫폼에서 react-native-google-mobile-ads 라이브러리를 설치하고 빌드를 하는 중에 발생하는 오류에 대한 해결방법에 대해 알아봅니다. 1) 문제점💡 문제점- react-native-google-mobile-ads 라이브러리를 iOS 플랫폼에서 설치하고 Xcode로 빌드를 하였을 때 아래와 같은 오류가 발생하였습니다.- 안드로이드 내에서는 실행이 잘되지만 iOS내에서만 발생하는 오류로 파악이 되었습니다. ld: warning: ignoring duplicate libraries: '-lc++' ld: warning: Could not find or use auto-linked library 'swift_Builtin_f..

해당 글에서는 react-native 환경에서 Android / iOS 환경에서 앱 아이콘을 추가하는 방법에 대해 알아봅니다. 1) 앱 아이콘 적용 방법 : Android1. 안드로이드의 경우 아래의 사이트를 접속하여 앱 아이콘을 업로드합니다.💡 안드로이드의 경우 아래의 사이트를 접속하여 앱 아이콘을 업로드합니다.- 아래의 사이트에 접속해서 이미지를 업로드하고 padding을 조절하고 다운로드를 합니다.Android Asset Studio - Launcher icon generatorromannurik.github.io 2. 다운로드를 하면 아래와 같은 파일이 생성됩니다. 3. android/src/main/res 폴더에 각각 다운로드한 것을 붙여 넣기 하면 됩니다. 2) 앱 아이..

해당 글에서는 React-Native의 최초 프로젝트 생성오류로 발생한 code ERESOLVE에 대한 해결방법에 대해 알아봅니다. 1) 문제점💡 문제점- 아래와 같은 오류가 발생하였습니다.- code ERESOLVE, ERESOLVE could not resolve- npx react-native init 명령이 실행되면서 내부적으로 react-native@0.76.5와 관련된 의존성을 가져오고 있습니다 (@react-native/virtualized-lists@0.76.5 포함).- 동시에, --version 0.79.2를 명시했기 때문에 react-native@0.79.2 + react@19.1.0 조합을 요구합니다.- 이 두 조합은 npm의 peer dependency 시스템에서 충..

pod install 과정에서 발생하는 Verification checksum was incorrect, expected xxx, got xxx 오류에 대해 해결방법을 알아봅니다 1) 문제점 💡 문제점- pod install을 하는 과정에서 아래와 같은 문제가 발생하였습니다.- Verification checksum was incorrect, expected xxx, got xxx 2) 해결 방법💡 해결 방법- 주로 발생하는 react-native 버전은 0.73, 0.72, 0.71, 0.70 버전에서 발생하는 것 같고 향후 문제가 발생하지 않도록 버전을 업데이트하는 것을 권장하고 있습니다.- node_modules/react-native/third-party-podspecs/boost.pod..

해당 글에서는 React에서 forwardRef, useImperativeHandle를 이해하고 활용하는 방법에 대해 알아봅니다.1) forwardRef💡forwardRef- React에서 제공하는 고차 컴포넌트(Higher-Order Component)로 부모 컴포넌트에서 자식 컴포넌트로 ref를 전달할 수 있게 해줍니다.- 이는 주로 재사용 가능한 컴포넌트 라이브러리를 만들 때 유용하며, 특히 DOM 요소나 클래스 컴포넌트의 인스턴스에 직접 접근해야 할 때 사용됩니다. forwardRef – ReactThe library for web and native user interfacesko.react.dev [ 더 알아보기 ]💡 forwardRef 선언하는 곳은 부모 컴포넌트인가? 아니면 자식 컴포넌..

해당 글에서는 React Native에서 expo-sqlite를 이용하는 활용 방법 및 데이터베이스 데이터를 GUI 툴을 이용하여 확인하는 방법에 대해 알아봅니다 💡 [참고] 이전에 작성한 글을 참고하시면 도움이 됩니다. [RN] React Native expo-sqlite 이해 및 설정 방법 -1 : 환경 설정 및 DB, 테이블 생성, 기본 트랜잭션해당 글은 Expo-cli 프로젝트(React-native) 내에 데이터베이스로 사용되는 Sqlite에 대한 이해를 하고 환경설정을 위한 연결하기 위한 expo-sqlite 라이브러리를 적용하는 가이드입니다. 💡 필자는 해당adjh54.tistory.com  1) expo-sqlite💡 expo-sqlite- 설치나 설정이 필요하지 않은 내장형 파일 기..

해당 글에서는 React-Native에서 빌드 시 발생하는 오류에 대한 해결방법을 확인합니다. 1) 문제점💡문제점- React-Native 환경에서./gradlew assembleRelease 명령어를 통해서 APK 파일을 생성하기 위해서 터미널에서 명령어를 수행하였으나 아래와 같은 빌드 오류가 발생하였습니다.WARNING: The specified Android SDK Build Tools version (33.0.0) is ignored, as it is below the minimum supported version (34.0.0) for Android Gradle Plugin 8.2.1. Android SDK Build Tools 34.0.0 will be used. To suppress thi..

해당 글에서는 react-native 환경에서 ScrollView로 최상단, 최하단을 이동했을 때 이벤트를 발생시키는 동작 처리 방법에 대해 알아봅니다. 1) ScrollView의 최상단, 최하단으로 이동시 동작 처리 방법💡ScrollView의 최상단, 최하단으로 이동시 동작 처리 방법- Scroll로 이동을 하였을 때, 최상단일 때와 최하단일 때에 대해서 특정 이벤트를 발생시키는 동작 처리를 확인해 봅니다.  1. ScrollView💡ScrollView- React Native에서 제공하는 스크롤 가능한 컨테이너 컴포넌트입니다. 이 컴포넌트는 내부의 콘텐츠가 화면 크기를 초과할 때 유용하게 사용됩니다. 💡[참고] ScrollView 속성속성설명onScroll스크롤 이벤트가 발생할 때 호출되는 함수..

해당 글에서는 디바이스 별로 사용자 시스템에서 지정한 폰트 사이즈에 따라서 앱의 사이즈가 달라지기에 이에 따라서 앱 내에서 이를 고정하는 방법에 대해 알아봅니다. 1) 디바이스 별 사이즈 고정하기 : Text, TextInput💡디바이스 별 사이즈 고정하기 : Text, TextInput- 사용자 별로 디바이스에 대한 글자 크기를 지정할 수 있습니다. 그렇기에 각각 화면상에 보이는 글자 크기가 달라집니다.- 앱에서 변화된 크기에 따라 디자인이 적용되면 좋겠지만, 이에 대해 고정하여서 동일한 글자 크기에 대해서 디자인을 적용하기 위해서 ‘앱 내에서 이를 고정하는 방법’에 대해 알아봅니다.1. Android 글자 크기 확인 방법💡Android 글자 크기 확인 방법- 설정 > 디스플레이 > 글자 크기와 스..