라이브러리 창고/웹앱 기능

TODO리스트를 30초만에... 「El.js」

Recstasy 2023. 1. 4. 19:57

 

기획팀 호출. 내용은 별 것 없다. 빨리 만들어 달라는 것 뿐.

어쨌든 내일까지 끝내야 한다. ToDo리스트..

 

게다가 대표님까지 한마디 한다.

 

'거.. 워드에서 표 만들기나 같자나?'

 

ToDo리스트는 비개발자가 쉽게 생각하는 Top5 항목이다.

그래서 준비했다.

 

30초만에 끝내는 ToDo리스트 라이브러리

 

「El.js」

 

GitHub - frameable/el: Minimal JavaScript application framework / WebComponents base class

Minimal JavaScript application framework / WebComponents base class - GitHub - frameable/el: Minimal JavaScript application framework / WebComponents base class

github.com

 

어차피 만들어봤건 잠깐 쓰다 버릴 건데,

개발자도 비수가 필요하다.

 

「El.js로 제작한 ToDo리스트」

 

Todo list

 

 

 

el/example.html at main · frameable/el · GitHub

 

GitHub - frameable/el: Minimal JavaScript application framework / WebComponents base class

Minimal JavaScript application framework / WebComponents base class - GitHub - frameable/el: Minimal JavaScript application framework / WebComponents base class

github.com

 

위의 소스코드를 보자.

css를 빼면 50줄이면 된다.

 

라이브러리 명세대로 옵저버 메서드를 등록한 뒤,

edititem()

toggleDone()

deleteItem()

render(html)

 

4개 메서드로 끝.

 

나머지는 CSS디자인 팀에 넘기자.

훌륭한 ToDo리스트가 완성될 것이다.