Repolode
beholdr

beholdr/maska

Vue, Svelte, Alpine.js와 순수 JavaScript에서 사용할 수 있는 무의존성 입력 마스크 라이브러리로, gzip 압축 시 약 3 KB입니다.

스타
2,021
포크
78
열린 이슈
6
마지막 커밋
23일 전

어떤 프로젝트인가요?

Maska는 사용자가 입력하는 텍스트에 패턴을 적용해 전화번호, 날짜, 카드 번호 등의 형식으로 변환합니다. 런타임 의존성이 없고, 순수 JavaScript에서 바로 사용하거나 Vue 2/3, Alpine.js, Svelte용 통합 기능을 통해 사용할 수 있는 작은 라이브러리입니다.

수정자, 변환 함수, 훅을 사용해 사용자 지정 토큰으로 마스크를 구성할 수 있습니다. 동적 마스크, 역방향 마스크, 사용자가 입력하기 전부터 고정 문자를 표시하는 이른 마스크를 지원합니다. 네이티브 입력 요소와 사용자 지정 입력 컴포넌트 모두에서 사용할 수 있습니다.

숫자 마스크 모드에서는 금액 형식의 숫자 포맷을 지원합니다. 버전 3에서는 Alpine.js 및 Svelte 통합 기능, 숫자 마스크 모드, 간소화된 디렉티브 형식이 추가되었습니다.

핵심 기능

  • 01의존성이 없으며 gzip 압축 시 크기가 약 3 KB
  • 02Vue 2/3, Alpine.js, Svelte 통합 기능과 순수 JavaScript 지원
  • 03네이티브 입력 요소와 사용자 지정 입력 컴포넌트에서 사용 가능
  • 04수정자, 변환 함수, 훅을 사용하는 사용자 지정 토큰
  • 05금액 형식 포맷을 위한 숫자 마스크 모드
  • 06동적, 역방향, 이른 마스크

활용 사례

  • Vue 폼에서 전화번호나 날짜 형식 지정
  • 결제 입력란에 금액 형식의 숫자 포맷 적용
  • 추가 의존성 없이 Alpine.js 또는 Svelte 앱에서 고정 형식 마스크 적용

토픽

자주 묻는 질문

maska은(는) 무엇인가요?
Vue, Svelte, Alpine.js와 순수 JavaScript에서 사용할 수 있는 무의존성 입력 마스크 라이브러리로, gzip 압축 시 약 3 KB입니다. Maska는 사용자가 입력하는 텍스트에 패턴을 적용해 전화번호, 날짜, 카드 번호 등의 형식으로 변환합니다. 런타임 의존성이 없고, 순수 JavaScript에서 바로 사용하거나 Vue 2/3, Alpine.js, Svelte용 통합 기능을 통해 사용할 수 있는 작은 라이브러리입니다.
maska은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
maska은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
maska은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. maska의 마지막 커밋은 2026년 9월 29일입니다.
maska은(는) 어디에 사용할 수 있나요?
Vue 폼에서 전화번호나 날짜 형식 지정 결제 입력란에 금액 형식의 숫자 포맷 적용 추가 의존성 없이 Alpine.js 또는 Svelte 앱에서 고정 형식 마스크 적용
maska은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/beholdr/maska

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트