『LUCIA』경량 가상DOM

Lucia는 과거 vue1.0을 연상케하는

가벼운 virtual DOM방식의 JS라이브러리다.

 

aidenybai/lucia

 

Lucia는 vue1.0 ver을 사용했던 혹은 그리워하는 JS유저들이

전혀 위화감없이 사용할 수 있다.

 

│CDN

<script src="https://unpkg.com/lucia"></script>

 

 

│사용법

예제를 통해 사용법을 알아보자.

<div l-state="{ value: '', todo: [] }">      <input l-model="this.value">        <button l-on:click="this.todo.push(this.value)">Create</button>                 <ul l-for="task in this.todo">                       <li l-text="this.task"></li>                </ul>  </div>

vue의 v-on, v-for, v-if와 익숙한 구문이 눈에 띈다.

Lucia는 소문자 L을 지시자로 사용하며,

this를 적극적으로 사용한다는 점이 불안하면서도 편리하다.

 

Lucia는 프레임워크보다는 간편한 라이브러리 개념이며,

프론트 개발에서 최하위 '뷰'레벨에 위치시켜,

todo와 같은 웹앱을 제작하기에 유리하다.