mvc를 이용하여 todolist 만들어보기
Javascript 기초 이론 공부 후, 잘 배웠나 테스트 하기 위해 TodoList(based on MVC with vanilla JS)를 만들어보았다.
npm install -g http-server
http-server -a 0.0.0.0 -p 3000전체 구조
app.js를 통해 todolist MVC 구조를 나타내는 코드를 통해 구조를 알 수 있다.
DB는 영구 저장되는 localStorage를 이용하였다.
app.js
(function(){
'use strict';
function App(){
this.storage = new app.Storage("test9");
this.model = new app.Model(this.storage);
this.template = new app.Template();
this.view = new app.View(this.template);
this.controller = new app.Controller(this.model, this.view);
}
var todoListApp = new App();
})();