목록전체 글 (250)
반응형
Eungene's Imaginations...
Model과 Controller, View에 대한 관계 정리 1. 우선 솔루션 탐색기에 Models 폴더에서 오른쪽 마우스를 누른 후 [추가] --> [새항목]을 눌러준 후에 클래스를 생성 해준다. 클래스의 이름은 아무거나 해주어도 상관 없지만, 계속 우리들이 model을 참조할 때마다 써야 하니~ 쓰기 편한 걸로 하자. 나 같은 경우에는 Board.cs로 생성해줌123456789101112131415using System.Collections.Generic;using System.Linq;using System.Web; namespace practiceModel.Models{ public class Board { public int ItemId { get; set; } public string Titl..
우선, ASP 웹 프로젝트를 생성하면(물론, 빈 프로젝트에 옵션을 MVC로 체크해준다. 솔루션 탐색기에 Controllers, Models, Views 폴더가 보일 것이다. 이 3가지 폴더가 MVC에 핵심 폴더들이다. 빈 프로젝트를 생성하면 바로 해야할 것은 1. Controllers폴더에 HomeController.cs파일을 추가한다.(맨처음 라우팅을 하게 되면, 기준점이 되는 페이지이다.)2. HomeController.cs 파일 내부에서 ActionResult Index()메소드가 있을텐데, 이 메소드 위에서 오른쪽 마우스를 누른 후 View를 추가해준다.(파일 이름은 기본적으로 index로 부여되어 있을텐데, 첫 페이지만큼 그냥 index로 한다.)3. Views폴더 --> Home폴더 안 쪽을 ..
카피를 반 밖에 못 한 관계로, 그 반까지만 올림... 뒷쪽으로 가면 갈 수록 더 빡쌤... 짜증남... 그래도 Ytse jam을 합주 할 수 있다는 것에 행복.... 하하하하하하하하하하하하ㅏ하핳
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..