note

소수점 관련정리.. /* 올림 */ Math.ceil(자리수); /* 내림 */ Math.floor(자리수); /* 반올림 */ Math.round(자리수); /* 예시 */ var number=123.643 Math.ceil(number); Math.floor(number); Math.round(number); /* 일의자리반올림 */ nNum = Math.round(777/10)*10; alert(nNum); //780 ※ 소수점에서의 반올림은 toFixed()를 사용.

참고 : http://www.idangero.us/sliders/swiper/ jquery/swiper.js 1. js랑 css를 include.ㅋ * 슬라이드 사이즈를 조정할경우 css수정해도되고, 새로 정의해도됨./* Specify Swiper's Size: */ .swiper-container, .swiper-slide { width: 500px; height: 200px; } 2. 구조는 아래와같은 구조로 해야함. 3. 초기화시켜주면 끝 터치슬라이더는 이거아니면 flexslider을 사용하는 편임.

예전,jquery로 checkbox를 체크하려는데 .attr("checked","true")를 사용하니까 안됬엇음.그래서보니 1.6.1버전부터 .prop로 해야만 된다는부분,, 뭐,그럼 src같은건 attr로 바꾸고스크립트적인 checked,selected는 prop로하면될듯 출처 : http://javascriptandjquerydev.blogspot.kr/2012/07/attr-prop.html

바이트값을 체크해야 할 때가 있다. ex) 200자이내로 입력해주세요.. 간단하게 onkeyup이벤트를 걸어서 자바스크립트로 처리해오곤했는데, 모바일에서 문장단위로 복사해서 붙여넣기하면 keyup이 안먹었다. 그래서 그냥 jquery로 해결했다. change/keyup/input CODE : $('textarea#USR_TXT').bind("change keyup input",function() { var el = document.form1.USR_TXT; var ls_str = el.value; var li_str_len = ls_str.length; var li_max = 200; var i = li_byte = li_len = 0; var ls_one_char = ls_str2 = ""; for(i..

* closest() 첫번째 부모 엘리멘트에 접근한다. * parents() 모든 부모 엘리멘트에 접근한다. CODE : I II A B 1 2 3 C III $("li.item-a").closest("ul").css("background-color", "red"); └ closest 의 경우에는 item-a 엘리멘트의 가장가까운 level-2 만 배경색이 변경된다. $("li.item-a").parents("ul").css("background-color", "red"); └ parents 의 경우에는 item-a 엘리멘트의 모든 부모 ul 엘리멘트의 배경색이 변경된다.

loading1.zip파일은 주로 사용하는 이미지들이다.loading2.zip파일은 어디선가 다운받았는데 기억은 안나는부분,,

var UserAgent = navigator.userAgent; if(UserAgent.match(/iPhone|iPod|iPad|iPad2|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi|POLARIS|IEMobile|lgtelecom|nokia|SonyEricsson/i) != null || UserAgent.match(/LG|SAMSUNG|Samsung/) != null) { top.location.href = "모바일URL"; }else{ top.location.href = "웹URL"; }

모바일 코딩시에 상하단 고정된 레이아웃으로 코딩을해야할때가있다. 방법은 여러가지이지만 탭기능같은게 있다면 아래 레이아웃이 편리할것같은부분,, css : * {margin:0;padding:0;} ul { margin:0; padding:0; list-style:none; } ul li { height:40px; border:1px solid #000; text-align:center; } #h,#f { font-size:20px; text-align:center; background-color:#c27b00; color:#f3f3f3; font-weight:bold; text-shadow:0 -1px 0 rgba(0,0,0,0.5); line-height:45px; opacity: 0.6; } #h { ..

1. 자주사용하는 표현 $(document).ready(function(){ //함수 }); /* window.onload = function(){} 과 동일한 기능이다. */ 2. $(function(){ //함수 }); /* 1번의 기능과 동일하다 */ 3. (function($){ //함수 })(jQuery); /* 이 방법의 경우 궁금해서 찾아보았는데 $의 의미가 jQuery를 참조하여 사용할때 저렇게 표현한다한다,, 예를들어 프로토타입에서도 $를사용한다하고(잘모름) jQuery도 $를 사용하니 두개를 사용하면 충돌이날수있는데, 저렇게 뒤쪽 가로에 jQuery를써주면 저 function 내부에서는 $의 의미가 jQuery에 대해 작동한다고 한다. 잘이해한건진 모르겠다. */

출처 : http://blog.aliencube.org/ko/2014/01/02/reasons-behind-using-strict-mode-while-coding-javascript/ 가끔 외부사이트 소스를 볼때 스크립트상단 혹은 함수내부에 "use strict"라는 부분을 볼수있어서 검색해보았다. 요약 : 기존의 자바스크립트 코드에 대해 좀 더 엄격한 검사를 실행시키고 싶다면 문서의 첫 줄에 "use strict";를 추가하고, 기존의 것은 그대로 놔두고, 새로운 코드에 대해서만 추가하고 싶다면 각각의 함수 블록 처음에 추가하는 것이 좋겠다.