Where The Streets Have No Name

JavaScript에서 C# LINQ처럼 데이터 다루기 - linq.js 정리업무 시스템이나 프론트엔드 개발을 하다 보면 배열 데이터에 대해 조회, 정렬, 그룹화, 집계 같은 처리를 많이 하게 된다.JavaScript에서는 기본적으로 map, filter, reduce 같은 메서드를 제공하지만,복잡한 데이터 처리에서는 코드가 길어지고 가독성이 떨어지는 경우가 있다.이럴 때 사용할 수 있는 라이브러리 중 하나가 linq.js이다.1. linq.js란?linq.js는 .NET의 LINQ(Language Integrated Query)를 JavaScript에서 사용할 수 있도록 만든 라이브러리이다.배열, 객체, 문자열 등의 데이터를 Enumerable 객체로 감싼 뒤 다음과 같은 메서드를 체이닝 방식으로 사용..

이번에 소개하려는 html5 toolkit은 sap에서 만든 sapui5입니다.sencha touch와 ext.js를 합쳐놓은듯한 구성으로 분량이 상당합니다.초기 학습기간이 좀 걸리며 결과물에 대한 만족도는 괜찮은 편입니다.데어터 바인딩 기능이 강력하며 화면구성을 위해서 mvc모델을 지원하고있습니다.일부기능을 뻰 오픈소스 모델인 OPENUI5도 공개된 상태입니다. https://sapui5.netweaver.ondemand.com/sdk/#docs/guide/Documentation.html http://sap.github.io/openui5/ http://scn.sap.com/community/developer-center/front-end/blog http://scn.sap.com/community/..

$("#table").rowspan(0); $("#table").rowspan(1); $("#table").rowspan(2); $('table tbody tr:visible').each(function(row) { $('#table1').colspan(row); }) jQuery.fn.rowspan = function(colIdx) { return this.each(function(){ var that; $('tr', this).each(function(row) { $('th:eq('+colIdx+')', this).filter(':visible').each(function(col) { if ($(this).html() == $(that).html()) { rowspan = $(that).attr("r..

출처: http://ultteky.egloos.com/10420749 jQuery로 선택된 값 읽기 $("#select_box option:selected").val(); $("select[name=name]").val(); jQuery로 선택된 내용 읽기 $("#select_box option:selected").text(); 선택된 위치 var index = $("#test option").index($("#test option:selected")); ------------------------------------------------------------------- // Add options to the end of a select $("#myselect").append("Apples"); $(..

출처 : http://www.sitepoint.com/javascript-json-serialization/ /** * Implements JSON stringify and parse functions * v1.0 * * By Craig Buckler, Optimalworks.net * * As featured on SitePoint.com * Please use as you wish at your own risk. * * Usage: * * // serialize a JavaScript object to a JSON string * var str = JSON.stringify(object); * * // de-serialize a JSON string to a JavaScript object * var..

출처 : http://www.maheshchari.com/jquery-ajax-error-handling/ jQuery is the most awesome javascript library that made easy for asynchronous ajax calls.it has global ajaxfunction and some pre defined ajax functions like $.get, $.post, load .etc. but we don’t find any error messagesby default with this library. we can see the errors with firefox’s addon firebug or with IE developer toolbar.So we man..

웹데브모바일 3월 세미나 자료 : Raphael 로 손쉽게 그리는 웹벡터 그래픽 from 웹데브모바일

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/

http://viralpatel.net/blogs/2009/03/dynamically-add-remove-rows-in-html-table-using-javascript.html Select Sr. No. Value Value 1 선택해주세요 홍길동 고길동 아무개

The DOM is a Mess @ Yahoo from jeresig

http://ajaxian.com/archives/light-weight-json-binding-framework

function findParentTag(elem, sTag) { while(elem && elem.tagName.toUpperCase() !='BODY'){ elem = elem.parentNode; if(elem.tagName.toUpperCase() == sTag.toUpperCase())return elem; } } function findTagByName(elem, tagName, name) { var tags = elem.getElementsByTagName(tagName.toUpperCase()); for (var idx=0; idx

##################################################### ##################################################### /************************************************************** 내 용: 작업중 화면에 표시될 사용자 메세지(조회,저장,삭제,Loading등...) 파라미터: msgStr - 화면에 보여줄 메세지 li_width - 팝업윈도우 가로넓이 li_height- 팝업윈도우 세로높이 리 턴 값: 없음 참고사항: msgStr 문자열이 "hidden"이면 메세지를 화면에서 제거한다. msgStr 문자열이 지정된 문자열 이외의 문자열이면 해당 문자열을 화면에 표시한다. 팝업객체는..

출처 : http://www.matts411.com/post/delaying_javascript_event_execution/ var onFooEndFunc = function() { var delay = 50; /* milliseconds - vary as desired */ var executionTimer; return function() { if (executionTimer) { clearTimeout(executionTimer); } executionTimer = setTimeout(function() { // YOUR CODE HERE }, delay); }; }();

출처 : http://hsmtree.tistory.com/83 1. 개념잡기 일반화 시킨 표현. 이것을 정규표현이라고 요약할 수 있을 것 같다. 다음의 과정을 너무 쉽다 생각말고 따라오길 바란다. - 감잡기 "12354" -> 숫자 "asdfasf" -> 알파벳 두 가지의 간단정규표현을 만들었다. 실생활의 보기와 비추어보자. "길이가 3인 이름!" 위의 표현은 길이를 표시하는 방법이 없다. 조금 더 발전시켜서 "알파벳{3}"이런식 으로 길이를 표현할 수 있도록 한다. 그리고, "알파벳"란 것도 너무 길다 "알" 이라고 한 글자로 표현한다. 그러면 "길이가 3인 이름"은 "알{3}"으로 표시가 가능하다. 길이가 10인 숫자는 "수{10}" "길이가 1인 알파벳이 나오고 그 다음에 길이가 3인 숫자가 나오는..

출처 : http://blog.naver.com/jljlove7?Redirect=Log&logNo=90011463311 테이블 같은 것들 중에 DataGrid나 DataList, Repeater가 아닌 경우 엑셀 다운로드를 붙여달라고 하면 가슴이 콱 답답해지시는 분들을 위한 간단한 코드입니다. IE에서만 동작(엑셀이 windows 니까 ..ㅡㅡ;; 거의 IE겠죠 ..) IFRAME 유동적으로 만들어서 거기다 해당 객체의 데이터를 넣고 해당 객체는 saveExcel(''객체아이디'') 로 넣으시면 됩니다. 파일명을 강제하실 경우 saveExcel(''객체아이디'',''저장파일명.xls'') 로 넣으시면 됩니다. 해당 IFRAME을 execCommand 이용해서 html 문서를 확장자 .xls로 저장합니다...

출처 : http://blog.naver.com/devstory/130034170277 JFreeChart 같은 Java 라이브러리는 구성하기가 의외로 어렵죠. 구글 차트 API 는 손쉽게 차트를 그릴 수 있는 방법 중 하나입니다. URL : http://code.google.com/apis/chart/ - 차트 종류 2008년 8월 12일 기준 구현 가능한 차트 종류는 다음과 같습니다. 1. Line charts 2. Sparklines 3. Bar charts 4. Pie charts 5. Venn diagrams 6. Scatter plots 7. Radar charts 8. Maps 9. Google-o-meter 10. QR codes - 사용법 차트별로 속성 값이 다르므로 해당 URL 에서 속..

var xmlHttp = false; if(window.ActiveXObject){ try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }catch(e) { try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }catch(e2) { xmlHttp = false; } } } if(!xmlHttp && typeof XMLHttpRequest != 'undefined'){ xmlHttp = new XMLHttpRequest(); }

출처 : http://blog.naver.com/pluggers/150008709559 /** * @type : function * @access : public * @desc : 스크립트를 통한 지정된 이름의 IFRAME생성(존재하면 해당 IFRAME을 반환하고, 없으면 IFRAME을 새로 생성) * @param : name IFRAME 이름 */ function cfCreateIFrame(name){ if (!name) name = ""; var ifr = document.getElementById(name); if (!ifr) { // 존재하지 않으면 새로 생성 ifr = document.createElement(''); // Document에 추가 document.appendChild(ifr); ..

"imgView" src="http://www.***.com/shop/images/common/left_menu01_04.gif">    "text" id="txtSearch">    "button" id="btnGoodSearch" value="상품조회">    "btnLeft" type="button" value=">    "btnRight" type="button" value=">>">    "msg">    "imgContainer" style="padding:0px;border-width:0px;width:10px;height:10px;">                                      "curPos">"totalCount">