Home

2023
frontendReactNative

react native(리액트 네이티브) ios 배포하기

시작하기ios 배포를 하기 위해서는 ios 개발자 계정이 필요합니다.애플 개발자계정은 apple developer에서 등록할 수 있습니다.개발자 멤버쉽을 구매해야하는데 1년에 129,000원정도 합니다. 1년마다 만료가 되기때문에 1년이 되기전에 갱신을 해주어야 합니다.아이폰, 아이패드 등의 애플기기가 있어야만 등록이 가능합니다. 멤버쉽을 구매하고 며칠을

frontendReactNative

react native(리액트 네이티브) 안드로이드 배포하기

시작하기구글 개발자 등록이 완료되어있고 react native 프로젝트가 있다는 가정하에 배포 방법을 알아보도록 하겠습니다. keytool로 개인서명키 만들기 Gradle properties 변수들 작성 Gradle 설정파일 수정 release AAB(Android App Bundle) 빌드 AAB 파일 업로드 개인정보처리방침 1. keytool로 개인

frontendReactNative

react native에서 구글 애드몹(admob) 적용하기

시작하기구글의 광고플랫폼으로 웹에서는 구글 애드센스, 어플리케이션에서는 구글 애드몹을 사용합니다.수익을 창출 할 수 있는 간편한 플랫폼입니다. 설치하기기존 firebase admob 설치를 검색하면 구버전의 경우가 많고 현재(2023년 01년 10일 기준) 패키지들 대부분deprecate가 되었습니다.@react-native-admob/admob 패키지 설

etcarduino

아두이노 푸쉬버튼 OneButton library 사용하기

시작하기이 포스트의 테스트는 esp32보드를 사용했습니다.아두이노 푸쉬버튼을 직접 구현하는 방법이 있습니다. 커스텀에 아주 유용하게 사용할 수 있지만, 코드의 복잡성과 유지보수 혹은 에러 처리에 많은 어려움이 있을 것으로 보아 라이브러리를 찾던도중 가장 사용법이 쉬워보이고 star도 많이 받은것으로 보여 OneButton 라이브러리를 사용하게 됐습니다. 설

2022
frontendReactNative

React native @realm/react 패키지 적용하기

시작하기기존에 relam 관련 포스팅을 남겼었는데 시간이 지나 realm업데이트와 realm이 mongodb로 인수되는 과정을 통해서 많은 부분이 바뀐 것이 있습니다. 그리고 추가로 @realm/react 패키지를 사용해서 더 간편하게 realm을 사용하는 방법과 주의 사항등을 알아보도록 하겠습니다. 설치하기react-native v0.70.6에서 작성하였

etcarduino

아두이노 블루투스 모듈 사용법 (arduino hm10 module)

시작하며아두이노와 블루투스 모듈 hm10을 연결해서 사용하는 방법을 알아보겠습니다.hm10의 모듈에 관한 자세한 정보는 hm10 데이터시트에서 확인할 수 있습니다. 전체적으로 많이 사용하는 hc06과 hm10 중에 hc06는 블루투스 버전이 2버전으로 낮기 때문에 제가 사용할 웹 블루투스 api에서는 사용할 수 없기 때문에 블루투스 ble 및 4버전을 지원

etcrfid

RFID 하이퍼 터미널 테스트(mac OS)

RFID 구매맥에서 RFID를 테스트 해보기 위해서 RFID 리더기를 구매하였다. 그런데 USB를 연결하고 터치를 해도 값이 나오지 않았다. 연결이 제대로 되었는지 확인하기 위해서 하이퍼 터미널로 테스트를 해보려고 한다. 하이퍼 터미널윈도우에서는 하이퍼 터미널이 따로 있지만 맥에서는 따로 존재하지 않고 터미널을 통해서 사용할 수 있다.터미널 프로그램에서 s

frontendReactNative

M1칩 mac에서 React native android 실행시 'Caused by java.io.IOException Cannot run program "node"'에러

시작하기React native 공식홈페이지에서 나와 있는데로 프로그램 셋팅을 하고, 프로젝트를 안드로이드 스튜디오로 켰을때 Caused by: java.io.IOException: Cannot run program "node"에러가 나왔습니다. 이때 해결방법을 찾아보았습니다. 이 문제가 m1칩이 탑재된 맥에서 나오는 것으로 알고 있습니다.

frontendReactNative

React native Permissions 사용하여 권한 확인하기

시작하기React native permissions 라이브러리를 통해서 이 기기에서 권한이 허용되었는지 여부를 체크할 수 있습니다.안드로이드에서는 React native에 내장된 PermissionsAndroid 를 사용하는 방법도 있습니다.IOS는 React native 공식문서에 따로 기재되어있지 않아서 공통적으로 권한 관리를 하기 위해서 react n