모리스의 개발 노트

  • 홈
  • 태그
  • 방명록

react native masked text 1

[React Native] react-native-masked-text 사용법

안녕하세요 모리스입니다.😊이번 포스트에서는 react-native-masked-text 라는 라이브러리에 대해서 작성해보려고 해요.  사용자가 앱에 운전면허 번호를 입력한다고 가정해볼게요.일반적으로는 React Native의 TextInput 태그를 이용해 입력을 받아요.국내 면허증의 운전면허 번호는 xx-xx-xxxxxx-xx 형태로 구성되어 있는데요,일반 TextInput 안에서는 사용자가 직접 -를 입력하지 않는 이상 xxxxxxxxxxxx처럼 붙어서 입력되죠. 저는 사용자가 -를 직접 입력하지 않아도 자동으로 포맷팅되길 원했어요.물론 TextInput으로도 로직을 구현할 수 있지만... UI라이브러리 사용하는거 별로 안좋아 하지만... 그래도 귀찮...으..니..까...ㅎㅎ설치해당 라이브러리는 ..

React Native 2025.04.08
이전
1
다음
더보기
프로필사진

모리스의 개발 노트

안녕하세요 :) iOS 개발자 모리스입니다.😁

  • 분류 전체보기 (25)
    • iOS (2)
    • swift (0)
    • React Native (6)
    • React (5)
    • Android (1)
    • TypeScript (2)
    • NestJS (4)
    • Firebase (1)
    • Git (2)
    • 얕은지식 (1)
    • 기타 (1)

방문자수Total

  • Today :
  • Yesterday :

최근글과 인기글

  • 최근글
  • 인기글

Tag

mobile bff, imageresource, reload sections, TypeScript, react native, NestJS, react, recoil, react native tools, React Recoil, 벨로그에서 티스토리로 이사, android, react-native-seoul, includefontpadding, react native masked text, ios, AOS, JavaScript, react native sensors, git,

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

Copyright © Kakao Corp. All rights reserved.

티스토리툴바