react-native-text-input-mask/react-native-text-input-mask

개요 React Native Android/iOS를 위한 텍스트 입력 마스크 라이브러리다. 전화번호, 날짜, 카드번호 등 형식이 정해진 입력 필드에 자동으로 포맷을 적용해준다.

핵심 내용 `[0000] [0000] [0000] [0000]` 같은 패턴 문자열로 입력 마스크를 정의한다. iOS의 InputMask 라이브러리와 Android의 네이티브 구현을 기반으로 동작하며, 마스크 적용된 값과 원본 값을 모두 콜백으로 제공한다.

기존 대비 차별점 JS 기반 마스크 구현은 커서 위치 관리와 삭제 처리가 복잡하다. 네이티브 레이어에서 마스크를 처리해 커서 이동, 백스페이스 처리가 자연스럽고 성능도 우수하다.

활용 가능성 회원가입 폼의 전화번호 입력, 결제 폼의 카드번호/유효기간 입력, 주민등록번호·사업자번호 등 형식 입력이 필요한 React Native 앱 폼에 활용할 수 있다.

참고 자료 - 원본