달비의 개발 연구

다양하게 자주쓰인 JavaScript 공통 유틸리티 함수를 정리하였습니다. (지속적으로 업데이트 합니다 !!) Form to Json$.fn.serializeObject = function(){ var obj = {}; var a = this.serializeArray(); $.each(a, function() { if (obj[this.name]) { if (!obj[this.name].push) { obj[this.name] = [obj[this.name]]; } obj[this.name].push(this.value || ''); } else { obj[this.name] = thi..

JavaScript 자동 생성 Grid 만들기(HTML5 Grid, JavaScript Grid, JavaScript 라이브러리 만들어 보기)JavaScript를 이용하여 Grid를 자동으로 만들어 주는 라이브러리를 만들어 보았습니다.간단하게 그리드를 생성하는 함수와 그리드를 클릭했을 때 발생되는 이벤트(콜백함수)를 처리까지 어떻게 이루어지는지간단하게 알아보도록 하겠습니다.  HTML5 호출방식 처리CSSdiv.OY_UI_Item { width: 100%; height: 400px;}HTML5 위 HTML5 태그를 호출하면 해당 위치에 그리드를 그려줍니다. OYGrid.create("myOYGrid", option, jsonData);JavaScript에서 위 함수를 호출하면 드리드의 옵션..

JavaScript (Jquery) Json, JsonList, File 한 번에 처리하는 방법업무 중 하나의 URL에서 Json, JsonList, file 데이터를 한번의 비동기 통신으로 처리해야 하는 경우가 있었습니다.모든 데이터를 form으로 한 번에 묶어 처리 하였습니다.let formData = new FormData();let brandList = new Array();// ex JsonList$("input[name*='userBrandName']").each(function(){ let brandName; if($(this).data('type') == "brand"){ brandList.push({ userBrandName : $(this).v..