Developer/HTML+Script
-
-
BackBone SyncDeveloper/HTML+Script 2014. 4. 14. 14:07
`Backbone.sync()`를 호출하는 각 메서드는 아래와 같이 동작한다. fetch()1. 서버에 'GET' 요청을 보낸다. `sync('read');`를 호출한다.2. 서버 응답으로 `model.set()`을 호출하는데, 2.1. 유효하지 않은 데이터이면(`validate()`에 실패하면) `false`를 리턴한다. 이 때엔, `change`와 `sync` 이벤트 둘 다 발생하지 않는다. 2.2. 유효한 데이터이면, 모델을 설정하고 `change` 이벤트를 발생한다. `silent` 옵션이 켜져있다면 발생하지 않는다.3. 요청에 성공하고 모델 셋팅까지 성공했다면, `sync` 이벤트가 발생한다. save()1. 요청 전 `validate()`를 검사한다.1. 새 모델이면(`isNew()`, `id..
-
[JSON] json2.js 그리고 tostringDeveloper/HTML+Script 2013. 9. 10. 14:09
스프링에서 ajax+jquery를 이용한 비동기적 통신할땐 header를 정해줘서 해줬다. 하지만. ㅇ 일반적인 페이지간에 데이터를 주고 받을때 주로 object로 뿌려주는데 이 object 데이터 형식을 json 으로 받고자 하니 마땅한 방식이 떠오르지 않았다. 그러다가 object를 JSTL 로 뿌리는 페이지인데 특정 경우일때는 그 object를 json 으로 받아야 한다는 말인데 이게 너무 애메해서 고민하다가 생각한 방법 1. Java Object Model 에 toString을 JSON 형태로 찍는다 2. Web 페이지에서 JQuery 또는 JSON2.JS를 이용한 파싱을 한다 ex) var a = $.parseJSON(${group}); alert(a.name); 또는 var = JSON.par..
-
-
[jQuery] WidgetDeveloper/HTML+Script 2013. 8. 20. 15:43
출처 : http://devx.tistory.com/262 새로 맡게 된 프로젝트가 jQuery UI를 사용하여서 jQuery UI 코드를 살펴보게 되어서 정리해보았다. 먼저, 사용자 정의 위젯을 만들기 위해서는 jquery.ui.widget.js의 $.widget()을 호출해야 한다. $.widet()은 팩토리 메소드로 새로 생성할 위젯의 이름과 위젯의 프로퍼티 함수를 정의한 객체를 인자로 받아서 생성된다. 커스텀 위젯을 생성하는 방법은 다음과 같다. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 $.widget("ui.mywidget",{ // 위젯에서 사용할 옵션들을 정의한다. op..
-
[CSS] Public 선언Developer/HTML+Script 2013. 8. 20. 15:24
html,body,div,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,address,dl,dt,dd,ol,ul,li,fieldset,form,legend,table,caption,tbody,tfoot,thead,tr,th,td,input,select,textarea{margin:0;padding:0;} hr{display:none;} ul,ol,li{list-style:none;} img,fieldset{border:none;} h1,h2,h3,h4,h5,h6{font-size:100%;} table{border-collapse:collapse;width:100%;table-layout:fixed;} address,em,optgroup{font-style:normal;..
-
[JQuery] Plugin 만들기Developer/HTML+Script 2013. 8. 20. 15:13
타입 1. //플러그인 함수명 충돌을 피하기 위해 익명 함수로 감싸주는 부분 (function($){ $.fn.extend({ mcctree : function(o) { var options = { root_icon_open : "/images/mcctree/tree_root_open.gif", root_icon_close : "/images/mcctree/tree_root_close.gif", type_icon_open : "/images/mcctree/tree_folder_close.gif", type_icon_close : "/images/mcctree/tree_folder_open.gif", type_icon_end : "/images/mcctree/page.gif", icon_open : "/i..