#react-native

Ignite is a boilerplate for the react native and Expo framework. So now making mobile apps is lot easier.

As some of you may know, I am developing a Hive Keychain App for mobile using React Native (RN). @revo asked me how I managed to use Hive related modules on RN. Although RN uses Javascript, some npm modules

P & D Research and Development가 아니라 Philosophy and Development의 P & D 입니다. 개발글에 있어서 새로운 시도를 하고 있습니다. 그저 개발기를 적어 내려가는 것이 아니라, 어떤 철학을 가지고 개발을 해나가고 있는지, 어떤 시도를 했는지, 개발은 어떻게 하는지를 적어 내려갑니다. 이번 시리즈는

P & D Research and Development가 아니라 Philosophy and Development의 P & D 입니다. 개발글에 있어서 새로운 시도를 하고 있습니다. 그저 개발기를 적어 내려가는 것이 아니라, 어떤 철학을 가지고 개발을 해나가고 있는지, 어떤 시도를 했는지, 개발은 어떻게 하는지를 적어 내려갑니다. 이번 시리즈는

P & D Research and Development가 아니라 Philosophy and Development의 P & D 입니다. 개발글에 있어서 새로운 시도를 하고 있습니다. 그저 개발기를 적어 내려가는 것이 아니라, 어떤 철학을 가지고 개발을 해나가고 있는지, 어떤 시도를 했는지, 개발은 어떻게 하는지를 적어 내려갑니다. 이번 시리즈는

P & D Research and Development가 아니라 Philosophy and Development의 P & D 입니다. 개발글에 있어서 새로운 시도를 하고 있습니다. 그저 개발기를 적어 내려가는 것이 아니라, 어떤 철학을 가지고 개발을 해나가고 있는지, 어떤 시도를 했는지, 개발은 어떻게 하는지를 적어 내려갑니다. 이번 시리즈는

P & D Research and Development가 아니라 Philosophy and Development의 P & D 입니다. 개발글에 있어서 새로운 시도를 하고 있습니다. 그저 개발기를 적어 내려가는 것이 아니라, 어떤 철학을 가지고 개발을 해나가고 있는지, 어떤 시도를 했는지, 개발은 어떻게 하는지를 적어 내려갑니다. 이번 시리즈는

왠지 그냥 잠들기 싫은 밤입니다. 연휴지만, ios용 앱 출시를 위해 오늘 밤도 조용히 키보드를 두드립니다. 아이폰에서 여러 문제가 발생했습니다. 마진 문제로 UI가 표시되지 않음 파일 첨부를 위해 사진을 찍으면 앱이 죽음 Alert 모달 밖을 클릭해도 모달이 사라지지 않음 방해금지 시간 설정을 위한 time picker 오류 애플맵에서 내 위치 버튼 표시

앱을 이번 달 안에 구글 플레이 스토어에 올릴 계획입니다. 그러나! 진도가 빨리 나가지는 않네요. 이메일인증을 전화인증으로 바꾸는데.. 간단히 끝날게 오래가고 있습니다. 뭐 하나하나 배워가는 입장이라 나쁘지만은 않습니다. 나중에 정리해서 책으로 내 볼 생각입니다. 전화인증 관련해서 안드로이드는 인증 문자를 지가 알아서 처리합니다. 그래서 사용자가 인증번호를

Do Not Disturb (방해금지) 시간 설정 기능을 추가했습니다. 기기자체에 이 기능이 있어서 사용하면 되지만 앱 자체에서 시간을 설정하면 더욱 편할거 같아서 별도로 구현했습니다. 시간을 클릭하면 시계가 나타나 시간을 설정할 수 있습니다. 남은 문제는 서버에서 사용자의 로컬타임과 설정한 방해금지 시간에 따라 푸시 메시지를 보내거나 보내지 않게 하는 것입니다.

앱에서 다중언어를 선택할 수 있게 했습니다. 지금은 한글과 영어만 지원하지만요. 다중언어에서 발생하는 상황 중에 고려할 것은 사용자가 모르는 언어로 도움 요청 메사지를 받는 것입니다 이렇게 되면 많은 사용자가 스팸으로 생각하고 앱을 삭제할 가능성이 높습니다. firebase의 cloud functions에서 notification을 보내게 했는데 위 문제를

도움 주고 받기 앱은 다중 언어를 지원합니다. 현재는 한글, 영어만 지원하지만, 얼마든지 다른 언어 추가할 수 있게 개발되었습니다. 기존에 단순히 한글/영어만 선택하게 구현했는데, 도움 주고 받기를 여러 언어로 하고 싶은 사람들을 위해서 주 언어, 보조 언어들을 설정할 수 있게 구현하였습니다. 언어 추가 언어 삭체 주 언어 변경 드래그 앤 드랍으로 언어의 순서를

애초 개발하려던 것을 거의 다 개발했습니다. 먼저 안드로이드 구글 마켓에 론칭하려고 합니다. 마지막까지 골치아프게 했던 주변 사용자를 표시해주는 기능이 구현됐습니다. 주변에서 다른 언어를 사용하는 사람도 표시해 줍니다. 원래는 맵에서 표시해주는 걸 해보고 싶었는데 아래처럼요. 혹시 방법 아시는 분은 힌트 좀 부탁드립니다~ 홍보 앱 사용자를 확보하기 위해 전략이

간만에 이타인클럽앱 업데이트 합니다. 계속 업데이트 중이었는데, 잘 안돼서 오랜만에 올리게 됐네요. 앱 이름을 변경했습니다. helpus (헬퍼스) 다음과 같은 의미로 신조어를 만들어 봤습니다. 우리가 도움을 주고 받는 의미의 help us 도움을 주는 사람이라는 의미의 helpers 맵에서 주변에 어떤 helpus가 있는지 표시하는 기능을 넣었습니다. 아무것도

머리 속에 들어 있는 내용을 정리해야지 하다가 한번에 막 하고 있습니다. 이번에 알아볼 것은 리액트 네이티브 코드에서 API key를 감추는 방법을 알아보겠습니다. Geocoding이용한 주소 정보 얻기 이전 글에서는 안드로이드에서 구글 맵의 API key를 감추는 방법을 살펴봤습니다. Google Map API Key 감추기 이번에 감출 API는 Google

이전글에서 Google Map API key를 감추는 방법을 알아봤습니다. Google Map API Key 감추기 그런데 안드로이드 앱에서 감춰야 할 게 또 있습니다. 바로 signing key 암호입니다. 안드로이드 앱 릴리스 빌드 안드로이드 앱에서 릴리스를 위한 signing key를 생성하는 부분은 아래에 매우 상세히 나타나 있습니다. signing

리액트 네이티브에서 Google Map을 사용하려면 react-native-maps 패키지를 주로 사용합니다. 그런데 앱에서 구글 맵을 사용하려면 API key를 등록해야 합니다. react-native-maps 설치 ios의 경우 구글 맵 대신, Apple 맵을 사용한다면 별다른 API key 설정은 필요 없습니다. ios에서도 구글 맵을 사용한다면 key가

우리동네 도움 선순환 운동앱인 이타인클럽앱의 핵심기능 중 하나가 당근마켓에서 제공하는 동네 인증 기능입니다. 이제서야 단순화해서 구현됐습니다. 구현하고 나니 별 건 없는데 왜 안했나 싶습니다. 구현한 내용은 활동 지역을 임의로 입력하는 게 아니라 디바이스의 현재 위치를 기반으로 동 단위로 정보를 얻어서 저장하게 한 것입니다. 따라서 구현하면 되니 참 좋습니다.

아이폰용 테스트 설치 링크 공유합니다. 아이폰에서도 앱을 설치할 수 있습니다. 아래 사이트에서 아이폰용 버튼을 클릭하시고 testflight프로그램을 설치하고 다시 버튼을 클릭하면 앱을 설치할 수 있습니다. (사이트 접속시에 주의문구가 나올 수 있습니다. 안전한 사이트이니 고급 설정에서 접근 허락을 누르시면 됩니다) 사용해보시고 피드백 주시면 감사하겠습니다.

이타인클럽앱을 ios 사용자들이 테스트하기 위해서는 애플의 testflight이라는 과정을 이용해야 합니다. 안드로이드와는 정책적으로 많이 다르네요. 정식 스토어에 올리는게 아닌데도 많은 것들을 준비해서 간단히 심사를 거쳐야 합니다. 뭐가 뭔지 잘 몰라서 일단 대충 해봤는데.. 한 이틀 걸려서 답장이 왔습니다. 테스트를 위한 앱 심사를 통과했습니다. 아이폰용