밥벌이 :) 썸네일형 리스트형 request받은 페이지에서 utf-8 한글깨짐 현상 - 2014.04.08 오늘부터 개인적으로 asp언어 공부를 시작하고 있는데, UTF-8로 설정된 페이지에서 Request받은 페이지에 한글(결과값)이 깨지는 현상이 있길래 찾아보니, 페이지 상단에 아래 코드를 삽입한다. 위 소스를 삽입하니 바로 해결되었다. 더보기 IE8이하에서도 html5 태그 사용하기 간단한 단독 페이지 (임시 점검중 페이지) 작업이 있어, 평소 잘 사용하지 않고 책으로만 봤던 html5태그를 사용해보기로 하고 페이지를 완성했다. 크로스브라우징 체크 중 역시 IE8이하에선 레이아웃이 틀어졌다. header, article .. 등등의 태그를 인식하지 못하기 때문이다. 당황했지만 그렇지 않은척 하며 구글을 열어 간단한 방법을 찾았다. //사이에 위와같은 구조로 html5태그를 넣어주면 8이하 하위버전 IE브라우저에서도 잘 작동한다. (style은 reset.css같은곳에 넣으면 되겠죠.) 더보기 css : css선택자 점수 환산 표 css점수환산표가 있었다니!! (환산점수가 높은 스타일을 따라간다.) 더보기 html : css핵 사용하지않고 분기화처리(조건부 주석) - 2014.02.27 기존에는 프로젝트 진행시 크로스브라우징을 위해 어쩔 수 없이 css핵을 사용하곤 했다. (css핵의 사용량은 프로젝트의 규모에 따라 달랐지만..) 이번에 키즈현대 구축 프로젝트를 진행하면서 새로운 방법을 사용했는데, 바로 '조건부 주석' 사용이었다. 말그대로 어떠한 조건이 충족되지 않으면 주석처리되고, 조건이 충족되면 주석안의 내용이 브라우저에 렌더링 되는 것이다. //조건부 주석처리 위 소스를 ''사이에 써주면 브라우저 버전이 IE7 이하면 '/inc/css/ie.css' 파일을 불러오게 하고, IE7초과(IE8 이상)일 경우는 주석처리(무시) 될 것이다. 위 예제 소스에 사용된 [if lte IE 7]에 대해 더 정확히 알아보면, 조건의 내용 예제 조건에 대한 설명 ! [If !IE] IE가 아닐 경.. 더보기 jQuery : 요소 선택 - 2014.01.16 잘쓰이지 않는 선택자는 자꾸 까먹어서 적어놔야겠다. 셀렉터가 복잡하면 복잡할수로 jQuery가 문자열을 처리하는 데 더 많은 시간이 걸린다! 1. 직속 자식 요소 찾기 직속 자손 결합자 '>' 를 사용. jQuery('#nav li > a') 는 id가 nav 안에 'li' 태그안에 'a' 인 태그를 선택하게 될것이다. 이외에도 child() 및 find() 등을 써서 찾을 수 있을 것이다. 그중 가장 빠른건 child() 메서드가 가장 빨리 찾는다 2. 특정 형제들 선택하기 jQuery('h1 + h2') 는 h1 다음 바로 h2 인 것만 선택하게 된다. jQuery('li.selected ~ li') li.selected 뒤에 나오는 모든 li 태그를 항목으로 선택 next() , nextAll() .. 더보기 jQuery : keycode 값 가져오기 - 2013.11.21 keyCode 가져오기. 키보드 이벤트를 주려 고민중에 근데 내가 키보드의 어떤 키를 눌렀는지 확인을 어떻게 해야되지.. 구글신께 검색해보니 keyCode를 가져올 수 있는 방법이 있었다. (소스는 매우 간단했다.) //키보드의 키 값 출력 $(document).keydown(function(e){//어떤키를 눌렀는지 e에 담는다 var a = e.keyCode; //a에 해당키의 keycode를 넣고, alert(a); //alert으로 출력 }); 위와 같은 소스를 삽입하고 브라우저에 페이지를 띄어 키보드를 누르면 해당 키 값이 alert창에 뜬다. (Ctrl키를 눌렀더니 alert창에 17이 출력된다.) 더보기 이전 1 2 3 4 다음
