vfunc.js examples / 예제
Serve the repository root (python -m http.server 8080) and open each sample.
No build step. / 저장소 루트를 서빙하고 예제를 여세요. 빌드는 필요 없습니다.
Basics / 기본
- 01 helloone file / 파일 하나로 시작
- 02 counterstate, render, setState
- 03 tododelegates, lists, escaping / 위임, 목록, 이스케이프
- 04 methods-refsmethods from outside, refs / 외부 호출, refs
- 05 compositionchilds and slots / 자식과 슬롯
- 06 attach-published-htmlcontrol published HTML / 퍼블리싱 HTML 제어
- 07 formform values, validation / 폼 값, 유효성 검사
- 08 fetch-listloading and error states / 로딩·에러 상태
SPA
- 09 spa-hash-routervf.router
- 10 spa-appapp.js + store + router + pages / SPA 표준 구조
Design and libraries / 디자인과 라이브러리
- 11 css-tokens-themetokens, dark mode / 토큰, 다크 모드
- 12 with-bootstrapkeep Bootstrap markup / Bootstrap 그대로
- 13 with-tailwindTailwind utility classes
- 14 before-after-conversiona published dashboard converted by the AI prompt / 프롬프트 변환 전후
- 15 with-chartjsa third-party widget / 서드파티 위젯 직접 붙이기
- 19 design-applythree skins, no JS change / 스킨 3종, JS 변경 0
- 20 merge-publishedpublished HTML arrives later / 퍼블리싱 HTML 병합
More / 그 밖
- 16 legacy-ieES5, IE11 / Edge IE mode
- 17 i18nKorean / English, vf.fmt
- 18 extend-pluginvf.use, overriding tokens and messages / 확장
- 21 cache-updateversion.json and vf.ext.update / 배포 후 갱신
Starter template: layer1/starter · AI prompt kit: layer1/ai/en, layer1/ai/ko. /
스타터와 AI 프롬프트 킷.
Components (layer 2): layer2/examples — dashboard, settings form, landing, IE11, your own components, gallery. / 컴포넌트 예제.