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 통계는 매일 갱신됩니다.
관련 프로젝트
React, Vue, Svelte, Solid 바인딩을 제공하는 웹 앱용 비동기 상태 관리 및 데이터 페칭 라이브러리입니다.
React, Vue, Solid, Svelte 등에서 마크업과 스타일을 완전히 제어하며 데이터 그리드를 만들 수 있는 헤드리스 TypeScript/JavaScript 테이블 라이브러리입니다.
24x24 그리드에 맞춰 제작한 6,200개 이상의 SVG 아이콘 모음으로, MIT 라이선스이며 React, Vue, Svelte, Angular 등의 패키지를 제공합니다.
웹용 최신 경량 드래그 앤 드롭 툴킷으로, 프레임워크에 종속되지 않는 코어와 React, Vue, Svelte, SolidJS 어댑터를 제공합니다.