Web Framework (7) 썸네일형 리스트형 Backbone router sequence diagram Backbone Router의 흐름을 sequence diagram으로 표현해봤습니다.이런 흐름이 맞는건가 싶지만 먼저 기록을 해두기 위해 올려둡니다 자세한 내용은github : https://github.com/BoABae/pj_fc.git backbone.js View에 다음지도 적용하기 view, model, collection, router등 내 머릿속엔 아직도 정리가 되어 있지 않지만, 먼저 다음 지도 api를 활용해서 backbone.js view로 구현한 것을 첨부하겠습니다. 저의 github에도 다른 코드가 있으니, 허접하지만 이 친구는 이렇게 생각했구나 아직 노력이 더 필요하구나 라고 봐주셨으면 감사하겠습니다. github : https://github.com/BoABae/pj_fc backbone.js view daum map api var mapView = Backbone.View.extend({el : $("#content"),events: {'click #search' : 'search'},initialize : function() {var self = this;thi.. Cannot read property 'extend' of undefined(Backbone) backbone 으로 간단한 프로젝트를 진행하는 도중에, 이 오류때문에 굉장히 짜증났었다. 도대체 이게 무엇인가? 구글링을 통해 봤더니, underscore.js를 먼저 선언해줘야 _.extend가 인식이 된다 (의존성..) 당연한 이야기 이지만 처음이라 헤맨것 같다. 조금 더 신경쓰면서 생각하고 진행해야 겠다. UI Framework UI Framework는UI / UX를 효과적으로 다루기 위해 탄생되었다. 사용자이든, 개발자이든 사용자입장에서 보면(최근에 Bootstrap으로 구성된 웹사이트들을 이용해보았다.) 비슷한 위치에 비슷한 기능을 하는 버튼이 있다.예를 들어 nav-bar 오른쪽에는 메뉴들로 구성되어 있다. 그리고 왼쪽에는 홈으로 갈 수 있는 이미지가 있거나, 가끔 로그인 로그아웃 기능을 하는 Mypage기능이 있다.(이건 Airbnb) 개발자 입장에서는 코드를 보고 쉽게 이해할 수 있다. 쉽게 이해할 수 있는 코드가 제일 큰 장점이지 않을까? UI Framework의 종류는 다양하다. (jQuery mobile은 Library다.) 그 중 가장 많이 사용하고 있는 Bootstrap에 대해 알아보도록 하겠다. Backbone.js Backbone.js란? Backbone.js gives structure to web applications by providing models with key-value binding and custom events, collections with a rich API of enumerable functions, views with declarative event handling, and connects it all to your existing API over a RESTful JSON interface. Backbone.js는 Model-Collection-View 3가지 요소를 구성하여 웹 애플리케이션을 구현하며, Model과 View는 Built-in 이벤트 또는 Custom 이벤트 기반으로 핸.. Web Framework Web Framework에는 크게 UI Framework, Javascript Framework가 있다.이중에 내가 인턴생활동안 사용하게 될(나는 프론트엔드직무) Backbone.js, Underscore.js, Marionette.js, Bootstrap에 대해 조사할 예정이다. 덧붙여 Backbone.js의 예를 많이 검색해 보니 Coffeescript라는 말이 자주 등장했다.나중에 개발할 기회가 된다면 접해보고 싶다. (출처 : http://webframeworks.kr/) MVC 디자인 패턴에 대해서 Web Framework중 Javascript Framework와 UI Framework를 조사 및 정리하라는 과제를 받았다.수 많은 JF를 알기 전에 MVC패턴에 대한 이해를 하고 있어야 한다고 하니, 정리해보았다. 먼저 왜 등장했나? 부터 알아야 좋을 것 같다.Traditionally used for desktop graphical user interfaces (GUIs) / 즉, GUI가 등장하고, 사용함으로써 이 개념이 나왔다고 한다. MVC구조의 이해사용자 인터페이스로부터 비즈니스 로직을 분리하여 애플리케이션의 시각적 요소나 그 이면에서 실행되는 비즈니스 로직을 서로 영향 없이 쉽게 고칠 수 있는 애플리케이션을 만들 수 있다. Model : 애플리케이션의 정보(데이터) 모델의 상태에 변화가 있을.. 이전 1 다음
