Formatting Lib

포맷팅 가능한 input 컴포넌트 작성하기

라이브러리 종류 4가지

react-number-format

• install

  • npm install react-number-format --save

• NumberFormat 컴포넌트 사용

cleave.js

• install

  • npm install --save cleave.js

• Cleave.js를 사용하면 6가지 유형의 서식을 지정할 수 있다.

  • 신용 카드 번호
  • 전화 번호
  • 날짜 형식
  • 시간 형식
  • 숫자 서식
  • 사용자 지정 형식(접두사, 블록, 구분 기호 등)

react-input-mask

• install
  npm install react-input-mask --save

react-maskedinput

• install
  • npm install react-maskedinput --save