Eungene's Imaginations...

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816..

이제 제가 알아야할 backbone.js의 최종에 거의 도달했습니다. 원래 클라이언트를 하다가 갑자기 맡게 되어, 약간 어안이 벙벙하고, 좀 힘들긴 했는데.. 그래도 주위분의 도움으로 만들기는 하네요... 아래 소스는 collection의 model들을 테이블에 뿌려주는 역할을 하는 backbone입니다. 단순 ul, li 태그보다는 훨씬 복잡하고, 더 많은 양을 뿌려줄 수가 있죠~ 소스 참고하실분들은 잘 참고 하시고~ 즐겁게 개발하세요~ 잡다한 소스가 껴 있을 수도 있습니다. 그런 부분들은 그냥 알아서 필터링 하시고 보세요~ 중요한 소스들은 주석으로 설명을 자세히 첨부하였습니다. 123456789101112131415161718192021222324252627282930313233343536373839..

이 소스에서 무엇보다 중요한 것은, Table을 이용해서 Backbone의 강점을 끌어내는 것입니다. 저도 제대로 몰라서, 주위 분께 물어물어 이제서야 해결하네요... 이제 중요한건, colspan, rowspan을 이용해서, 셀 병합을 하는 부분과, 솔루션에 맞추어서 이런저런 구성을 View로 만들어 보고, 그에 맞는 출력을 해주는 부분만 남은 것 같습니다. Javascript로 일일이 뿌려주는 일은 너무 노가다성 작업이 짙어서, 이번 기회에 좋은 스크립트를 알아가네요. 이 글을 보시는 모든 개발자 분들~ 즐거운 개발 되시길 기원 드리겠습니다. var bodyView = Backbone.View.extend({ el: 'body', initialize: function () { console.log(t..

var Book = Backbone.Model.extend({ initialize: function () { this.on("invalid", function (model, error) { console.log("**Validation Error : " + error + "**"); }); this.on("change", function (a) { // 로그를 남기는 여러가지 방법 console.log('Model Changed'); if (this.hasChanged('name')) { console.log('The name has changed'); } if (this.hasChanged('author')) { console.log('The author has changed'); } console.l..

var Book = Backbone.Model.extend({ initialize: function () { this.on("invalid", function (model, error) { console.log("**Validation Error : " + error + "**"); }); this.on("change", function (a) { // 로그를 남기는 여러가지 방법 console.log('Model Changed'); if (this.hasChanged('name')) { console.log('The name has changed'); } if (this.hasChanged('author')) { console.log('The author has changed'); } console.l..

var Book = Backbone.Model.extend({ initialize: function () { this.on("change", function () { // 로그를 남기는 여러가지 방법 console.log('Model Changed'); if (this.hasChanged('name')) { console.log('The name has changed'); } if (this.hasChanged('author')) { console.log('The author has changed'); } console.log('Changed attributes: ' + JSON.stringify(this.changed)); }); }, defaults: { name: 'Book Title', autho..