VanillaFront

  • 홈
  • 태그
  • 방명록
  • 질의응답

File 1

File (파일)

Va.File — 파일 업로드 입력 (선택 표시 + 리셋 버튼 통합)파일 선택 다이얼로그를 여는 표준 파일 입력 컴포넌트. 선택된 파일명 표시·File 버튼·Reset 버튼이 하나의 필드로 통합되어 있어, 일반 보다 사용자 UX가 정리되어 있습니다.클래스: Va.File — va_component.js:9844short name: file상속: Va.PureField (Input·Textarea와 형제)isContainer: true베이스 CSS: va-file1. 기본 사용{ tagName: 'file', onChange: 'onFileSelected'}렌더 결과:좌측 표시 영역: Choose file (기본) → 선택 후 파일명File 버튼: 클릭 시 파일 선택 다이얼로그Reset 버튼: ..

컴포넌트/필드 컴포넌트 2026.09.13
이전
1
다음
더보기
프로필사진

VanillaFront

VanillaFront 입니다. Vanilla Js를 이용하여 SPA기반 UI Framework를 구현합니다. 홈페이지: vanillafront.com

  • 분류 전체보기 (115)
    • 왜 바닐라프론트를 만들었나!! (8)
    • 기본사용법 (9)
    • 컴포넌트 (92)
      • 버튼 (10)
      • 필드 컴포넌트 (46)
      • 유효성 (1)
      • 시멘틱태그 (8)
      • 해딩 (1)
      • 패널 외 영역 (Div, Span) (11)
      • 아이콘, 이미지 (3)
      • 아바타, 페르소나 (2)
      • 배지 (1)
      • 툴바 (4)
      • 브래드크럼 (0)
      • 마스킹, 로더 (0)
      • 미디어 (0)
      • 메시지박스 (0)
      • 캐러셀 (0)
      • 리스트 (0)
      • 카드리스트 (0)
      • 드로워 (0)
      • 아코디언 (0)
      • 다이얼로그, 팝업 등 (0)
      • 탭 (0)
      • 캘린더 (0)
      • 그리드 (3)
      • 트리그리드 (0)
      • 피봇그리드 (0)
      • 트리 (0)
      • 차트 (0)
      • 서비스 (0)
      • 대시보드 (0)
      • 다이어그램 (0)
    • 유틸 (0)
    • 데이터매니저 (0)
    • 테마 (0)
    • VS Code Extention (0)
    • 바이브코딩 (0)
    • 기타1 (1)
      • gulp (0)
      • Spring (0)
      • Javascript (0)
      • Visual Studio Extenstion (1)
      • Npm (0)
      • Webpack (0)
      • VanillaJs (0)

Tag

NavigationMenuBar, title, UIFramework비교, stickyDiv, VanillaFront, UIFramework, REACT, websqure, imageDiv, esponsiveMenu, dateField, avatarGroup, UI Framework, websquare, 국내UI Framework, TreeGrid, 트리그리드, 피봇그리드, button, 엑스빌더, eXbuilder, extjs, toolbar, ES6, 넥사크로, nexacro, 웹스퀘어, VanillaJS, vanillafront.com, spa,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/10   »
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Daum Corp. All rights reserved.

티스토리툴바