• Ignite Seoul을 관람하다

    얼마 전 온오프믹스를 구경하다 11일에 Ignite Seoul 행사가 열린다는 것을 알게 됐다. 심심하기도 하고 여러모로 호기심이 생겨 관람 신청을 했다. Ignite는 20장의 슬라이드를 15초씩 자동으로 넘기며 5분간 발표하는 방식이다. 이그나이트에 대해 처음 알게 된 것은 소프트웨어공학 수업시간이다. 당시 교수님께서 특정 IT 주제를 가지고 해당 방식으로 발표하는 과제를 내주셨다. 아직도 준비하는...


  • 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(윈도우...