Hooks Module

useInput

사용자가 입력한 값을 상태 관리한다. 필요 시 고차함수를 인자로 받아 상태를 변경한다.

각 form에 대한 Hook

useCardNumber

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

• 입력한 카드번호가 4자리 숫자만 들어올 수 있다.
• 유효한 값이 아닐 경우 에러가 발생한다.

useCardHolder

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

• 입력한 카드 소유자 이름은 영어만 들어올 수 있다.
• 유효한 값이 아닐 경우 에러가 발생한다.

useExpiryDate

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

월

• 입력 값으로 1~12의 숫자만 들어올 수 있다.
• 입력 값으로 1 또는 01 모두 유효하다.
• 1만 입력 시 01로 바꿔준다.
• 유효한 값이 아닐 경우 에러가 발생한다.

년도

• 입력 값으로 2자리 숫자만 들어올 수 있다.
• 유효한 값이 아닐 경우 에러가 발생한다.

useCVC

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

• 입력 값으로 3자리 숫자만 들어올 수 있다.
• 유효한 값이 아닐 경우 에러가 발생한다.

useCardType

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

• 미리 정의된 카드사만 선택 할 수 있다.
• 유효한 값이 아닐 경우 에러가 발생한다.

usePassword

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

• 입력 값으로 2자리 숫자만 들어올 수 있다.
• 유효한 값이 아닐 경우 에러가 발생한다.