평범한 게 제일 어렵다

해당 사이트는 아쉽게도 유료화 되었습니다... 크로스 브라우징 작업을 하다가 우연히 발견한 곳인데, 아주 획기적인 곳을 발견했습니다. 우선 사이트 주소는 https://turbo.net/browsers 입니다. 사이트에 접속해보면 이렇게 생겼는데, 여기 나열된 브라우저들이 전부 다 테스트가 가능한 브라우저들입니다. 여태까지 홈페이지 관련 작업을 하면서 익스플로러(이하 IE)를 테스트를 하기위해서 했던 뻘짓들을 나열해보자면... - IE 자체 개발자 도구- 크롬 IE 확장프로그램- IE Tester- 가상머신에 window + 테스트할 IE 버전 설치 등이 있습니다. 이 중에서 가상머신에 직접 윈도우를 띄워서 테스트 하는 것을 제외하고는 전부 엉터리였습니다. 다른 방법들은 제대로된 테스트를 할 수가 없었습..

자바스크립트를 사용하여 날짜의 년, 월, 일을 더하고 빼는 함수 입니다. 123456789101112131415161718192021222324252627function dateAddDel(sDate, nNum, type) { var yy = parseInt(sDate.substr(0, 4), 10); var mm = parseInt(sDate.substr(5, 2), 10); var dd = parseInt(sDate.substr(8), 10); if (type == "d") { d = new Date(yy, mm - 1, dd + nNum); } else if (type == "m") { d = new Date(yy, mm - 1, dd + (nNum * 31)); } else if (type == ..

보통 input 창에 숫자를 입력 받을 때는 input type="number", ime-mode:disabled 으로 한글 입력을 방지한 후 사용합니다. 1 결과화면) 그러나 이 방법은 브라우저마다 다르게 적용되거나 input 태그에 한해서만 사용할 수 있는 등의 단점이 있고 오른쪽에 생기는 화살표 등 디자인 상의 문제로 사용하기 난감한 경우가 종종 생기곤합니다. 이런 경우, 자바스크립트로 해결하는 방법을 소개해드리겠습니다. - 자바스크립트 onkeydown, onkeyup 이벤트를 이용하여 입력창에 숫자만 입력받는 방법 function onlyNumber(event){ event = event || window.event; var keyID = (event.which) ? event.which : e..

.test_ul { list-style:none; background:#bbb; padding:5px;} .test_ul li { float:left; background:#ddd; padding:5px;} 첫번째 li 두번째 li 세번째 li 결과화면)첫번째 li 두번째 li 세번째 li 위 결과화면에서 float된 li의 부모 요소인 .test_ul의 영역은 padding: 5px 만큼만 잡혀있고, height 값은 0 인 모습입니다. 이런 경우에, float: left (또는 float: right) 의 부모 요소에 height 주는 방법 3가지를 소개하겠습니다. 1. overflow: hidden; .test_ul { list-style:none; background:#bbb; padding:5p..