D3.js 를 사용하여 데이터 시각화하기 #1 Line Charts
2018-10-29
loaf-dom : ES6+ 사용한 DOM Script 라이브러리 입니다.
2019-04-24
Explanation
2020-09-04
[개발 중단]
현재는 ES5로 트랜스파일해서 배포되어 있지만, 개발하고 있지 않습니다. 사용하지 말아주세요…
민망쓰…
ES6+ 문법을 사용하여 개발하고 있는 DOM 스크립트 라이브러리입니다. 아직 ES6+를 지원하는 브라우저가 많지 않기 때문에 ‘Babel’과 같은 라이브러리를 함께 사용해야합니다. 저는 대부분의 프로젝트에서 Webpack과 Babel을 사용하는데요. 그래서 간단하게 사용하려고 만들고, 만들고 있는 라이브러리 입니다. 깃허브에 오픈소스로 개발하고 npm을 통해 배포하고 있습니다.
깃허브: https://github.com/loafjs/loaf-dom
|
1 |
$ npm install --save loaf-dom |
|
1 |
$ npm test |
|
1 2 3 4 5 |
<body> <div id="wrap"> <p>Hello world!</p> </div> </body> |
|
1 2 3 4 |
import L from 'loaf-dom'; L('#wrap').addClass('show'); L('p').style('color', 'red'); |
위와 같이 코드를 실행하면 다음과 같은 결과를 볼 수 있습니다.
|
1 2 3 4 5 |
<body> <div id="wrap" class="show"> <p style="color: red;">Hello world!</p> </div> </body> |
그 밖에 다양한 메서드는 깃허브에서 확인하실 수 있습니다.
깃허브: https://github.com/loafjs/loaf-dom
끝
