개인이 끄적끄적 거리는 블로그

SSO 환경에서 쿠키정보를 기반으로 로그인이 되어있는 상황ajax 를 이용하여 크로스 도메인상태에서 해당 서비스를 호출을 하면 쿠키정보가 전송되지 않는다.아래 해결방법 * ajax option에 xhrfields : {withCredentials : true} 를 주자 * 서버사이드에서는 (ex: 웹서버) 아래의 Http Header 설정도 필요하다. Access-Control-Allow-Credentials : true Access-Control-Allow-Origin : http://aaa.com => withCredentials의 true인 경우에는 asterisk(*)를 사용할 수 없고 도메인을 명시/나열해야 한다. * 쿠키를 생성했다고 해도, CORS 요청일 경우에는 쿠키가 전혀 전송되지 않음에..

터치이벤트를 지원하는 기기 태블릿 or 모바일의 경우 클릭 이벤트는 아래와같은 이벤트 순서로 진행된다. touchstart - touchend - mouseover - mousemove - mousedown - mouseup - click 이 브라우져들은 버튼 등을 눌렀다(touchstart) 떼도(touchup) 즉시 반응(click)하지 않는다.브라우저 자체적으로 연속되는 터치 동작(touchstart-touchmove-touchend)들이 제스쳐(swipe, long click, …)인지 여부를 확인하기 위해 최대 300ms의 지연시간이 생기기 때문. 하지만 즉시반응하게 구현을 하려면 아래의 과정을 거치면 된다.1. 손가락으로 무언가를 누르면(touchstart) 2. 웹킷의 기본 동작(300ms ..

자바스크립트(Javascript)에서 이벤트 버블링 / 이벤트 캡처링을 막기위해서 아래와 같은 코드를 사용합니다.event.stopPropagation(), event.preventDefault () 이 두가지 이벤트의 차이는 사용자가 만든 이벤트를 막느냐 & 기본 이벤트를 막느냐 차이인데 자세한 내용은 아래 소스를 보고 설명하겠습니다. document.getElementById("blockArea").onclick = function(){ alert("block click"); }); document.getElementById("logo").onclick = function(){ alert("logo click"); }); 위와 같은 마크업 태그가 있다고 가정할시에이미지를 클릭하면 아래와 같은 순서로 ..

var a=[1,5,1,6,4,5,2,5,4,3,1,2,6,6,3,3,2,4]; var unique=a.filter(function(itm,i,a){ return i==a.indexOf(itm); }); alert(unique); 자바스크립트에서 배열에 들어가있는 값의 중복을 모두 제거하여 유니크한 값을 얻고자할때 위와같이 filter를 이용한다.jquery 에서 제공하는 $.unique(배열) 이 있지만 이 함수는 아래와같이 무작위 순서로 중복이 되어있는경우 아래와 같은 결과를 반환한다. var a = [1,1,1,1,2,2,2,1]$.unique(a); 반환값[1,2,1] 간단하게 배열에 있는 중복값을 모두 제거한값이 필요하다면 위와같이 filter 조건을 사용해서 처리할것~ 자바스크립트, javas..

Function Declarations(함수선언) vs Function Expressions(함수표현)출처 : http://insanehong.kr/post/javascript-function/소개이번 글은 function이란 주제를 다뤄볼가 한다. javascript에서 function 은 매우 중요한 녀석이다. 특히 객체를 다루면서 이 function은 절대 빠질수도 빠져서도 안되며 이에 대한 이해가 없다면 javascript 객체에 대한 이해를 제대로 하지 못할 것이다. 그런 이유로 이 글은 Object에 대해 다루기전에 다뤘다면 더 좋았을 거라 생각하지만 사실 자바스크립트에는 연관된 내용이 너무 많은 탓이라며 스스로를 위로하고 있다. 하지만 너무 늦기전에 function에 대한 썰을 풀어놔야 앞으..

제이쿼리(jQuery)를 이용하여 나만의 Custom Plugin을 만들어 봅시다.아주 다양한 방법으로 만들 수 있지만 기본적으로 짚고 넘어가야할 부분.그리고 공통적으로 사용되는 부분들에 대해서 이야기 하도록 하겠습니다. 아래 CSS와 HTML 코드를 가지고있는 객체에 대해서 슬라이드쇼 기능을 지원하는 플러그인을 만들어 보겠습니다. 1: 1: 2: 3: 4: 5: 6: div 컨테이너 객체에 있는 4개의 이미지를 슬라이드 하는 기능을 구성해 봅니다.먼저 DOM ELEMENT 에 반응하는 공통 함수를 정의합니다. 여기서는 mySlide 라고 정의하겠습니다. mySlide.js 파일을 생성하고 아래와같이 코드를 입력하면 DOM ELEMENT 에 반응하는 이벤트가 만들어집니다.$("#slideshow").my..

자바스크립트 개발자라면 클로져에 대해서 꼭 이해해야 합니다. 클로져(Closures) 자바스크립트를 배우려는 사람들에게 클로져는 어렵게 느껴지지만 자바스크립트를 깊게 알기 위해서 반드시 넘어야할 산이다.다음 함수를 생각해보자.function init() { var name = "Mozilla"; function displayName() { alert(name); } displayName(); } init();init() 함수는 name 이라는 지역변수를 만들고 displayName() 이라는 함수를 정의한다. displayName() 은 내부함수라고 불리는데 이는 함수 init() 안에 정의되었고 init() 함수 안에서만 사용할 수 있기 때문이다. displayName() 함수는 지역변수를 가지지 않지..

브라우저에서 예를들어 마크업 문자로 인식될 "!!"); 3: //]]>

1. $(document.)ready(){}, $(function{}) - document의 DOM객체가 로드되면 이벤트 발생 2. window.onload, $(window).load() - documnet의 모든 객체가 로드되면 이벤트 발생 (이미지, 리소스 등등) 이벤트 실행순서로 본다면 document.ready 가 먼저 발생하고,그 뒤에 window.load가 발생합니다. 실제로 웹 개발을 하다보면 document.ready 안에 window.load 를 사용하는 경우가 있는데,간혹? 이벤트 시점에 따라서 오작동을 발생시킬 수 있습니다.. 고로 window.load 와 document.ready는 분리해서 작성하는게 좋습니다.

jQuery(document).ready(function(){ jQuery("#list").jqGrid({ url:'~~~, mtype : 'POST', //GET, POST datatype: 'json', //Data 형식 'json/xml/local' //postData:{testRRR:'temp'}, //name:DB data tatching columns name //index:? //align:align of cell //hidden:hidden of columns //sortable:sortable colNames:['WIRE NO','RD', 'PART NAME', 'PIN','NUM','RD2','PNO','NO'], colModel:[ {name:'WIRENO',index:'WIRENO'..