본문 바로가기 메뉴 바로가기

til-odin 님의 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

til-odin 님의 블로그

검색하기 폼
  • 분류 전체보기 (70)
    • FrontEnd (44)
      • monorepo (3)
      • javascript (19)
      • typescript (2)
      • test (1)
      • bundler (6)
      • eslint (1)
      • vue (3)
      • vee-validate (1)
      • nuxt (2)
      • react (7)
      • storybook (0)
    • Infrastructure (7)
    • Architecture (1)
    • 자료구조 (2)
    • 컴퓨터 과학 (5)
    • books (8)
      • deep-dive (8)
    • 기타 (2)
    • odin (1)
  • 방명록

FrontEnd/vee-validate (1)
vee-validate 유효성 검증 방식

valiation schema library(Yup, Zod 등..)를 사용하지 않는 조건01. useField 훅에서 rules 옵션 사용Composition API 방식개별 필드마다 유효성 룰을 직접 지정문자열, 객체, 전역 커스텀 룰, inline 함수 방식 모두 사용 가능import { useField, defineRule } from 'vee-validate';// ✅ 커스텀 룰 정의 (전역)defineRule('startsWithA', value => { if (!value) return '값을 입력해주세요.'; if (value.startsWith('A')) return true; return 'A로 시작해야 합니다.';});// ✅ 문자열 룰const { value, errorMess..

FrontEnd/vee-validate 2025. 4. 3. 13:14
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • uselazyasyncdata
  • primitive
  • react-router
  • JIT
  • scoped slot
  • refrerence
  • vee-validate
  • ViTE
  • vue
  • nuxt
  • deep dive
  • object literal
  • pnpm 명령어
  • JavaScript
  • pakage-lock.json
  • premitive
  • library mode
  • webpack
  • bundler
  • TypeScript
  • 바이트 코드
  • 모노레포 스크립트
  • interning
  • double-linked-list
  • string table
  • useasyncdata
  • prototype
  • string
  • react
  • npm ci
more
«   2026/04   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바