Hooks Module

useInput

사용자가 입력한 값을 상태 관리한다.

각 form에 대한 Hook

useCardNumber

신용카드 카드번호에 대한 커스텀 훅 (카드 번호의 브랜드에 맞게 카드번호를 포멧팅해준다)

• 입력한 카드번호가 4자리 숫자만 들어올 수 있다.
• 숫자 이외의 값을 입력하면 에러가 발생한다.
• 블러/엔터 시 각 입력이 4자리가 아니면 에러가 발생한다.

useCardHolder

신용카드 소유자 이름에 대한 커스텀 훅

• 입력한 카드 소유자 이름은 영어만 들어올 수 있다.
• 영어 이외의 값을 입력하면 에러가 발생한다.

useExpiryDate

신용카드 유효기간에 대한 커스텀 훅 입력한 유효기간이 currentDate 이전일 경우, 에러가 발생한다.

월

• 입력 값으로 1~12의 숫자만 들어올 수 있다.
• 입력 값으로 1 또는 01 모두 유효하다.
• 1만 입력 시 01로 바꿔준다.
• 숫자 이외의 값을 입력하면 에러가 발생한다.
• 블러/엔터 시 각 입력이 2자리가 아니면 에러가 발생한다.

년도

• 입력 값으로 2자리 숫자만 들어올 수 있다.
• 숫자 이외의 값을 입력하면 에러가 발생한다.
• 블러/엔터 시 각 입력이 2자리가 아니면 에러가 발생한다.

useCVC

신용카드 CVC에 대한 커스텀 훅

• 입력 값으로 3자리 숫자만 들어올 수 있다.
• 숫자 이외의 값을 입력하면 에러가 발생한다.
• 블러/엔터 시 각 입력이 3자리가 아니면 에러가 발생한다.

useCardType

신용카드 카드사에 대한 커스텀 훅

• 미리 정의된 카드사만 선택 할 수 있다.
• 정의된 카드사 이외의 카드를 선택하면 아무일도 일어나지 않는다.

usePassword

신용카드 비밀번호에 대한 커스텀 훅

• 입력 값으로 2자리 숫자만 들어올 수 있다.
• 숫자 이외의 값을 입력하면 에러가 발생한다.
• 블러/엔터 시 각 입력이 2자리가 아니면 에러가 발생한다.