UNPKG

scvjs

Version:

high performance component UI library

github.com/sungu-che/scvjs

sungu-che/scvjs

50 lines (23 loc) • 1.61 kB
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
# Scv.js Store / Controller / View 패턴 프레임워크 __browser sync(only)__ __low learning curve__ virutal dom high performace ## 시작하기 Scv는 사용자 인터페이스 개발을 위한 프레임 워크 입니다. 다른 프레임워크 와는 달리 스토어에 초점을 맞추어 상태컨테이너 관리의 확장 뿐만 아니라 창과 창간의 상태 컨테이너의 정교한 컨트롤을 제공합니다. Scv 라이브러리의 난이도는 HTML, JAVASCRIPT의 기초 지식을 전제로 합니다.( 단지localstorage에 대한 이해를 요구합니다.) #### 선언적 렌더링 Scv.js 템플릿 사용법은 script 태그 내에 삽입하는 방식과 자바스크립트 변수안에 템플릿을 삽입하는 방식을 사용하고 있습니다. [template type1 on jsfiddle](https://jsfiddle.net/scv/xjgxouLa/) [template type2 on jsfiddle](https://jsfiddle.net/scv/bzvxvL1w/) #### 스타일 바인딩 link stylesheet 사용을 추천하지만 스타일과 중복되지 않도록 scoped 가능한 css import 방식을 제공하고 있습니다. [css import on jsfiddle](https://jsfiddle.net/scv/4y78mtpj/) 스타일 사용의 방식은 custom element 셀렉터 사용시 :root로 사용가능합니다. #### 이벤트 바인딩 scvjs는 기본적으로 embeded event binding을 사용하고 있습니다. 이벤트 바인딩시 @click="function_name"으로 바인딩이 가능합니다. [event bind on jsbin](https://jsbin.com/qiniciq/edit?html,css,js,output) ## 예제 [Todomvc example on jsfiddle](http://embed.plnkr.co/nVkmwhhSiJmJcUnoV2fW/)