가비엘
'알파인 기초' 태그의 글 목록

알파인 기초

개발팁/개발 팁

Alpine.js 기초 유효성 (validation) 체크 #2

Alpine.js 기초 유효성 (validation) 체크 #2 상황 Alpine.js 기초, 셋팅 #1 에 이어 이제 유효성 체크를 해보려한다. 개발 - 유효성 체크 오류나 장애로 인한 처리는 일단 표시만 해놓고 backend 처리할때 추가작업을 해준다. 1. defaultChkTime (기본 인증번호 유효시간)을 alpine.data에 추가 한다. (기본값 60초) 2. displayChkTime (표시해줄 인증번호 유효시간)도 alpine.data 에 추가한다, 기본값 0 3. 인증번호 입력창은 처음은 disable 상태로 시작한다. 4. 이름은 require, 핸드폰번호는 require + 휴대폰양식(숫자만) validation 체크를 한다. 5. 이름 핸드폰번호 둘중 하나라도 입력이 안되있거나,..

개발팁/개발 팁

Alpine.js 기초, 셋팅 #1

Alpine.js 기초, 셋팅 #1 상황 간단한 화면 한 두개가 필요한데 앵귤러나, 리엑트, vue등을 사용하기엔 닭잡는데 소잡는 칼을 쓰는것같고.. (사실 앵귤러나 리엑트는 잘 모름), jquery처럼 간단하게 셋팅(cdn)하여 사용할 수 있는게 없을까 해서 찾은게 바로 Alpine.js 다. Vue와 거의 유사(v- 가 아닌 x- 로 사용) 하다. Alpine 사이트 참고. https://alpinejs.dev/ Alpine.js Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web. Plop in a script tag and get..