모바일 앱에서 Image-Picker는 필수라고 볼수 있죠. React-native에서 이미지를 어떻게 참조할지 알고 싶다면 이 프로젝트가 좋은 아이디어를 줄 것입니다.

2016/03/21 Editor’s choice

marcshilling/react-native-image-picker
_react-native-image-picker - A React Native module that allows you to use native UI to select media from the device…_github.com

native 이미지 피커를 이용해서 작업을 합니다.

설치

$npm install react-native-image-picker@latest --- save  
$rnpm link

rnpm link를 이용하면 dependency 문제는 대부분 해결을 해 주기 때문에 위 프로젝트 readme의 설정은 건드리지 않아도 됩니다.

하지만, 이 프로젝트는 android의 경우는 권한을 줘야 하는 부분이 있기 때문에 한가지 작업만 더 하겠습니다. AndroidMenifest.xml파일만 다음의 부분을 추가해 주세요.

소스예제

와 같이 적용했더니 아래와 같이 이미지를 고를 수 있게 나옵니다.

By Keen Dev on March 20, 2016.

Exported from Medium on May 31, 2017.

안드로이드 4.0 (Icecream Sandwich) 때 부터 사용되어온 국제화 도구인 libphonenumber 입니다. 간단하게 설명하면 사용되고 있는 전화번호 (010–1234–5678) 과 국가 번호 (kr)을 입력하면 국제 전화 번호를 아웃풋으로 받을 수 있습니다.

2016/03/21 today’s Best ( 264★)

googlei18n/libphonenumber
_libphonenumber - Google’s common Java, C++ and JavaScript library for parsing, formatting, and validating international…_github.com

데모

Javascript

보시는 것 처럼 010–1234–5678 에 대한 결과 값을 얻을 수 있습니다. isPossibleNumber가 전화번호로 전화를 걸 수 있다는 것인지는 잘 모르겠습니다. 흠. 존재하는 번호였나요?

Java

Javascript 버전보다 약간 깔끔하게 정리가 되어 있습니다만, 내용은 동일하므로 스샷은 제외합니다.

재미 있는 것은 한 프로젝트 안에 C++, Javascript, Java버전 모두 제공하는 형태를 띄고 있다는 것입니다. 이런 대표적인 예가 TODO App 인데 말이죠.

By Keen Dev on March 20, 2016.

Exported from Medium on May 31, 2017.