• select box의 option 찾기

    selected 된 option을 찾는 것이 아니라, 특정한 값을 이용해 해당 option을 찾아서 선택한다. 사용할 때마다 잊어먹어서 정리해 놓는다. <select id='testSelect'> <option value='1' testDay='20151107-1'>일</option> <option value='2' testDay='20151107-2'>이</option> <option value='3' testDay='20151107-3'>삼</option> </select> value 값으로 찾아서 선택하기 var test = "2"; $('#testSelect option[value='+ test +']').attr('selected', true); text 값으로 찾아서 선택하기 var test =...


  • 자바스크립트 정규식을 사용한 문자 치환

    문자열로 되어있는 시간의 차이를 구해야 하는 일이 있었다. 나는 replace 함수를 이용해 문자를 치환하여 값을 비교하는 방법으로 진행했다. var time = 06:25:11 .replace() time.replace(':', ''); // 0625:11 자바스크립트에서 replace 함수는 맨 처음 문자 하나만 치환한다. 모든 문자를 치환하는 자바의 replaceAll 같은 함수가 없다. 대신 정규식 표현을 이용하면 같은 효과를 얻을...


  • 제이쿼리 선택자 정리

    jQuery에서 태그와 같은 특정 객체를 선택하기 위해서 Selector(선택자)를 이용한다. 선택자의 종류가 다양하지만 경험이 적어 우선 사용해 본 선택자에 대해서만 정리해본다. 추후 하나씩 공부하면서 추가해나간다. <div> <ul> <li> child1-1 </li> <li> child1-2 </li> <ul> <li> child2-1 </li> <li> child2-2 </li> </ul> </ul> </div> .find() 특정 노드의 하위 노드에서 인자의 요소를 찾는다....


  • 브라우저의 창 크기 구하기

    현재 브라우저의 창 크기를 JavaScript의 Browser 객체를 이용해 구할 수 있다. XHTML 버전 표준이 없어 환경에 따라 다른 결과가 나올 수 있다. /* 창의 너비와 높이 */ document.body.clientWidth document.body.clientHeight /* 문서 전체의 너비와 높이 */ document.body.scrollWidth documnet.body.scrollHeight HTML5 버전 표준은 있지만 IE 구 버전에서 안될 수 있다. /* 브라우저 UI(윈도우...


  • 자바스크립트의 함수 (function)

    자바스크립트에서 함수를 설명할 때 first-class object(또는 citizen, value)라고 한다. 함수는 객체를 의미하고 변수, 배열, 객체에 저장될 수 있다는 뜻이다. // 함수 선언식(function declaration) function test() { } 함수 선언식은 스크립트가 로딩되는 시점에서 초기화를 하고 이를 VO(variable object)에 저장한다. 따라서 함수 선언 위치와 상관없이 소스 내 어느 곳에서든 호출이 가능하다. //...