야니와 충스의 햄볶기

원 형태로, View component 의 background를 그리려다가 찾아낸 정보 입니다. 필요한 도형이 있다면, 아래 코드블럭을 참조하세요~ Square Rectangle Nothing too crazy here either Circle One note to mention about border radius is that it doesn't work like the web. So if you go more than 50% you'll start forming a weird diamondy shape. Oval Border radius wasn't working, lets just do a circle and scale it... Triangle Up CSS border triangles still..

React Native calendar 는 react-native-calendar library 가 젤 깔끔하고 잘만들었음. 다만, firebase 연동까지 하려면 sample이 거의 없고, dayComponent customize 가 어려움. GitHub - wix/react-native-calendars: React Native Calendar Components 🗓️ 📆 React Native Calendar Components 🗓️ 📆 . Contribute to wix/react-native-calendars development by creating an account on GitHub. github.com Flutter 2개 확인, react native 용 이런 library를 현재 계속 ..

xCode 에서 apple device 에 application run 시 아래 메시지가 뜨는 경우 해결 방법입니다. Errors were encountered while preparing your device for development. Please check the Devices and Simulators Window. 해결방법은 아이폰 재부팅 입니다......(허무) 진짜로 재부팅하니까 저도 해결이 되었습니다.

device 에서 react-native-vector-icon 적용 시, 깨지는 경우 해결 방법입니다. (사실 무지 간단합니다.) - Android android/app/build.gradle 에 아래 한줄 추가한 후 재 빌드 하면 해결 apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 만약, gradlew clean 후에 깨지는 현상이라면 아래 참조하세요 RN TroubleShooting: gradlew clean 후 react-native-vector-icons 깨짐 gradlew clean 하고나서 android vector-icon 이 모두 깨지는 문제가 발생하여 정리합니다. react-native link 한줄이면 해..

1. Native Base Web-site: https://nativebase.io/ GitHub stars: 13.9k Price: Free License: Apache License 2.0 Demo: https://expo.io/@geekyants/nativebasekitchensink Type of support: Community support via GitHub issues Documentation: Full documentation Ingenious, sleek and dynamic front-end framework for building cross-platform Android and iOS mobile apps using ready-to-use generic components of Re..

하이브리드 앱 프레임워크 중 2021년에도 인기가 있을 것 같은 프레임 워크가 무엇인지 알아보겠습니다. 앱 개발에 관심이 있는 사람이며, 관련 직종에서 일을 하고 있다면 트렌드를 캐치할 필요가 있습니다. 하이브리드 앱과 네이티브 앱의 차이 네이티브 앱은 안드로이드 또는 IOS 용 앱 개발에 각각 플랫폼에서 제공하는 언어로 만들어진 앱을 이야기합니다. 안드로이드의 경우 코틀린, 자바가 해당되며, IOS는 스위프트가 대표적입니다. 그런데 이렇게 네이티브 앱으로 개발을 하면, 같은 서비스지만 플랫폼마다 따로 개발을 해야하고 시간도 많이 들어가지만 사람도 따로 써야하니 비용도 많이 들어가게 됩니다. 네이티브 앱이 속도에 있어서 가장 빠르다는 점은 부인할 수 없지만, 약간의 사용자 경험 차이만 존재한다면 두가지를..

이글은 IOS rnfirebase admob library 사용 중에 수입이 지급되지 않는 문제 원인 및 해결방법 입니다. rnfirebase admob 가이드 따라 firebase admob 도 연동 했고 광고도 정상적으로 나오는데 수입이 몇달 째 0으로 멈춰있는 문제가 있었습니다. 귀찮아서 계속 두다가.. rnfirebase admob 가이드 및 타 블로그 참고해서 추가 수정했더니 수입이 지급되는 것을 확인할 수 있었습니다. 저처럼 수입 문제가 있는 분께 도움이 되고자 글로 남겨놓습니다. 우선 아래 가이드대로 app 에 적용합니다. 광고는 banner ads 만 추가 했습니다. rnfirebase.io/admob/usage AdMob | React Native Firebase Installation ..

stacknavigator 로 정의한 screen 끼리 data를 넘겨줄 때 사용하는 방법입니다. 가이드는 아래 잘 나와있습니다. 다만, function component 기준으로만 나와있어서 여기서는 class component 도 함께 적었습니다. reactnavigation.org/docs/params/ Passing parameters to routes | React Navigation Remember when I said "more on that later when we talk about params!"? Well, the time has come. reactnavigation.org 우선 stacknavigator 로 settingScreen 과 regionScreen 을 구성합니다. con..

gradlew clean 하고나서 android vector-icon 이 모두 깨지는 문제가 발생하여 정리합니다. react-native link 한줄이면 해결됩니다. github.com/oblador/react-native-vector-icons/issues/1117 cannot load icons in android · Issue #1117 · oblador/react-native-vector-icons Environment android, react-native 0.61.5, react-native-vector-icons 6.6.0, react-native-navigation v4 Description I used rnn v4 and setting on tab icons. import { Pixel..

React Native Setting 화면에서 내 앱 별점주기로 이동 하는 코드 입니다. 당연히 전제 조건은 이미 store 에 release 된 app 이어야 하고, 내 앱 store url 을 알아야 합니다. 스토어 들어가서 내 앱 화면 공유하기 하면 url 이 나오는데 이를 복사 하면 됩니다. Linking API 는 아래를 참고하시고, 방법은 매우 간단합니다. api 를 이용하여, open 가능한 지 check 한 후, open 하면 됩니다. 사실, 바로 Linking.openURL 을 바로 불러줘도 잘 동작은 합니다만, stable code를 위해 다음과 같이 구현하는 편이 좋습니다. const supported = await Linking.canOpenURL(url); if (supported..