Jake의 블로그

# react-native-google-mobile-ads를 사용해서 Admob 적용하기 - 개발을 완료한 앱을 서비스하고, 계속 유지보수하기 위해서는 수익모델이 필요합니다. 수익 모델은 여러 가지가 있지만, 광고를 붙이는 것은 무료로 배포가 가능해서 진입 장벽이 낮다보니, 많이 사용되는 수익모델입니다. 그리고 광고 수익 모델을 제공하는 다양한 서비스가 있지만, 가장 많이 사용하는 Admob을 선택하게 되는 경우가 많습니다. 본 포스팅에서는 react-native-google-mobile-ads 라이브러리를 사용해서 Admob 광고를 추가하는 과정을 소개하려고 합니다. # Github 저장소 - 이 라이브러리는 Google이나 Admob에서 직접 개발한 라이브러리는 아니지만, react-native-fi..

# react-native-modern-datepicker - 앱 개발 과정에서 날짜나 시간이 포함된 기능을 개발하다 보면, 시간이나 날짜를 선택해야 하는 UI가 필요한 경우가 있습니다. 이를 직접 개발하기에는 너무 많은 시간이 필요하기 때문에, 적절한 라이브러리를 활용하는 것이 좋습니다. 오늘 포스팅에서는 이런 상황에 사용할 수 있는 라이브러리를 소개하려고 합니다. # Github Page React Native Modern Datepicker | React Native Modern Datepicker A customizable calendar, time & month picker for React Native (including Persian Jalaali calendar & locale) View ..

# react-native-in-app-review - 앱 개발은 할 일이 참 많습니다. 힘들게 개발이 마무리 하면서, 출시 준비를 하다보면, 떨어져 가는 에너지와 반대로 해야 하는 귀찮은 일은 많아지기만 합니다. 그 중에서도 앱스토어나, 구글 플레이 스토어 관련 작업들은 많이 번거롭기 마련입니다. 오늘은 이런 과정에서 앱 스토어 및 구글 플레이 스토어 리뷰를 작성하는 기능에 대한 구현을 도와줄 라이브러리를 포스팅 하려고 합니다. # Github Page GitHub - MinaSamir11/react-native-in-app-review: The Google Play In-App Review API, App store rating API lets you prompt users t The Google P..

# 방법 1: IOS 시뮬레이터 위의 카메라 모양의 버튼으로 스크린 샷 저장할 수 있습니다 (녹화도 가능 합니다) # 방법 2: IOS 시뮬레이터 메뉴 > Device > Trigger Screenshot으로 스크린 샷을 저장할 수 있습니다 - 방법 1은 IOS 시뮬레이터에서 제공하는 스크린 샷 저장 방법이고 방법 2는 아이폰의 음량 높이기 + 측면 버튼 키 조합을 이용한 방법입니다. 대부분의 경우에는 방법 1로 원하는 결과를 얻을 수 있습니다. 방법 2가 있는 이유는 테스트를 위함입니다. 만약 개발 중인 앱에서 스크린 샷을 찍지 못하도록 막는 기능이 있다거나 스크린 샷 저장 시 추가적으로 작동하는 기능이 있을 경우, 이를 테스트하기 위해서 필요합니다 # 스크린 샷 가져오기 방법 1: MacOS에 설정된..

# React Native IOS, Android 빌드 지우는 방법 # IOS 빌드 지우기 cd ios xcodebuild clean # Android 빌드 지우기 cd android ./gradlew clean

# React Native에서 Floating Bubble UI 사용 방법 - 안드로이드 기기에서 페이스북 채팅 기능을 사용하다보면, 아래와 같은 아이콘을 볼 수 있습니다. 앱이 백그라운드에 있어도, 사용자와 상호작용할 수 있기 때문에, 필요에 따라 유용할 것 같습니다. 이와 같은 기능을 React Native에서 개발하기 위한 라이브러리를 소개하려고 합니다 # react-native-floating-bubble - 본 라이브러리는 bubbles-for-android를 React Native 용으로 Wrapping한 라이브러리 입니다 # 사용 방법 - 설치 npm install react-native-floating-bubble --save // yarn add react-native-floating-b..

# React Native 앱에서 카메라를 사용해보자 # 들어가며 지금까지 React Native에서 가장 많이 사용되는 카메라 라이브러리는 react-native-camera였다 React Native Camera · The comprehensive camera module for React Native. The comprehensive camera module for React Native. react-native-camera.github.io 그러나 react-native-camera 라이브러리는 유지보수를 해줄 지원자가 부족하고 코드 복잡도가 많이 올라가는 바람에 deprecated 되었다. 그래서 찾아낸 대안이 오늘 소개할 react-native-vision-camera다 # 깃헙 페이지 Hel..

# React Native에 Youtube 영상을 넣는 방법을 알아보자 - react-native-youtube-iframe # 들어가며 React Native에 youtube를 넣을 때 가장 많이 사용하는 라이브러리는 react-native-youtube이지만, 이 라이브러리는 사용자도 많고, 개발 기간도 오래 되어 상당히 고도화 되어 있는 상태입니다. 그러다보니 기능이 많지만, 막상 최소한의 기능만 가져다 쓰고 싶을 때는 무겁고 복잡하게 느껴질 수 있습니다. 그래서 오늘 소개할 대안이 react-native-youtube-iframe입니다 # 깃헙 페이지와 문서 사이트 GitHub - LonelyCpp/react-native-youtube-iframe: A wrapper of the Youtube-i..

※# react-native-styling-cheat-sheet GitHub - vhpoet/react-native-styling-cheat-sheet: Most of the React Native styling material in one page Most of the React Native styling material in one page - GitHub - vhpoet/react-native-styling-cheat-sheet: Most of the React Native styling material in one page github.com ※ 어렴풋이 기억이 나는 요소의 경우 대부분 코드 수정 툴(VSCode 등)에서 자동으로 제안을 해주기 때문에 활용도가 떨어질 수는 있지만, 평소에 잘 사용..

# 내 React Native 앱에 Emoji를 넣어보자 먼저 원하는 이모지를 찾는다 😋 Get Emoji — All Emojis to ✂️ Copy and 📋 Paste 👌 ✂️ Copy and 📋 Paste Emoji 👍 No apps required Emojis are supported on iOS, Android, macOS, Windows, Linux and ChromeOS. Copy and paste emojis for Twitter, Facebook, Slack, Instagram, Snapchat, Slack, GitHub, Instagram, WhatsApp and more. 😃 getemoji.com 마음에 드는 Emoji를 검색하거나 골라서 복사하자 Text 컴포넌트 사이에 붙여넣으면..