터치이벤트를 지원하는 기기 태블릿 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에 대한 썰을 풀어놔야 앞으..
HTML + Javascript 조합으로 구성된 간단한 차트 플러그인세로막대 차트만 지원한다. 추후 사용자 플러그인 (Custom Plugin) 개발시에 참고하면 괜찮을것 같아서 블로그에 남깁니다.IE6 이상부터 사용가능 (타 브라우저는 그냥 사용가능) jqBarGraph.1.1.js http://www.workshop.rs/jqbargraph/ 기본 사용방법 1: arrayOfData = new Array( 2: [10.3,'Jan','#f3f3f3'], 3: [15.2,'Feb','#f4f4f4'], 4: [13.1,'Mar','#cccccc'], 5: [16.3,'Apr','#333333'], 6: [14.5,'May','#666666'] 7: ); 1: $('#divForGraph').jqBarG..
제이쿼리(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() 함수는 지역변수를 가지지 않지..
IE Conditional Comments 줄여서 IE CC 라고도 합니다.IE 6 이하의 브라우저는 CSS 선택자 (selector)에 접근하지 못하는 문제가 있습니다. IE7이라고 해도 문제가 있지요.그래서 주로 사용하는 방법이 CSS-Hack을 이용하거나, CSS Filtering을 이용해서 처리하는데, IE7 이후부터는 주로 CSS Filtering을 이용합니다. 특히 사용이 간편하고 MS에서 권고하는 IE Conditional Comments Filtering 을 이용합니다. 주로사용하는방법은 아래와 같습니다. 1. IE7 에서만 사용하는 경우. 1: 2. IE7 이하의 버전인 경우 1: 3. IE에서만 사용하는 경우 1: if IE]> 2: 3: 4. IE가 아닌경우에만 사용하는 경우 1: i..
- Total
- Today
- Yesterday
- json
- CSS
- Ajax
- Chart
- ASP.NET
- WebApi
- JS
- IE
- Style
- SVG
- 프로시저
- Mobile
- radius
- MSSQL
- JavaScript
- WCF
- rowspan
- workbook
- css3
- Excel
- jQuery Mobile
- drag&drop
- 셀렉터
- jquery chart
- 저장프로시저
- 자바스크립트
- grid
- 제이쿼리
- html5
- jQuery
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |