[jQuery] 선택된 radio 버튼 값 가져오는 방법

알고보면 간단하지만 막상 사용할땐 기억이 나지않아 다시 검색하게 만드는 녀석입니다. 현재 선택된 radio 버튼의 값을 가져와 처리하는 경우가 자주 있습니다. 이때 값을 받아오는 방법을 소개해드립니다.

위에서 대충 보셔도 아시겠지만 console.log에는 2가 찍히게 됩니다. 여기서 가장 중요한 부분은 셀렉터 뒤에 붙는 :checked 입니다.다. 저는 붕어라서 자꾸 잊어버리네요..

[CSS] IE7, IE8 호환성 보기 모드에서 display:inline-block; 사용하는 방법

IE 8버전 호환성보기 모드와 IE7에서는 display:inline-block; 이 지원되지 않습니다. 레이아웃을 잡는데 자주 사용되기 때문에 쓰지 않을 수 없는 코드입니다. 이를 사용하기 위해서는 IE에 적용되도록 CSS 핵을 사용해야합니다. 아래는 IE8 호환성보기와 IE7에 적용할 수 있는 display:inline-block의 CSS 핵입니다. [기존]

[변경]

위와 같이 zoom:1과 *display:inline; 을 추가해주시면 되고 display앞에 *은 IE7(IE8 호환성보기)에서만 적용될 수 있도록Continue reading “[CSS] IE7, IE8 호환성 보기 모드에서 display:inline-block; 사용하는 방법”

[jQuery] javascript의 this와 $(this)의 차이점

자바스크립트에서의 this와 jQuery에서의 $(this)는 명칭이 같아 동일한 성격이라고 생각하실 수 있겠으나 실제로 표시되는 정보는 서로 다릅니다.

위 코드로 확인해보시면 됩니다. 자바스크립트의 경우는 이벤트가 발생한 태그 요소가 표시됩니다. jQuery의 경우 이벤트가 발생한 요소의 정보들이 Object로 표시됩니다. 간혹 자바스크립트에서 this를 참조해야할 경우가 자주 생깁니다. 이런 경우 jQuery로는 어떻게 표현해야할까요.. 자바스크립트의 this는 jQuery의 $(this)[0] 으로 동일 결과를Continue reading “[jQuery] javascript의 this와 $(this)의 차이점”

[CSS] Table의 cellpadding, cellspacing, border 속성 style로 정의하기

옛날 우리는 Table을 이용해 레이아웃을 짜던 시절.. 거의 외우다 시피한 속성들이 있었죠. cellpadding, cellspacing, border.. 일명 DIV 코딩이라 불리우는 div 레이아웃을 사용하는 이 시점에서도 Table을 레이아웃으로 사용하지 않는다 뿐이지 아직도 Table은 유용한 녀석입니다. 하지만 예전같이 Table 태그라인 안에 속성을 박아넣고 W3C 검증을 받으면 Warning 메세지를 볼 수 있습니다. 즉, 형태를 꾸며주는 태그 속성대신 css를 이용하는Continue reading “[CSS] Table의 cellpadding, cellspacing, border 속성 style로 정의하기”

[Linux] GNU Bash 취약점 보안 패치 방법

이 컨텐츠는 CentOS 6.x 기준으로 작성되었습니다. 지난 9월 24일 Stephane Chazelas에 의해 GNU Bash 취약점이 발견되어 KISA에서도 이를 9월 26일에 보안 권고 사항으로 배포하였습니다. 이 보안 취약점은 Bash 4.3 이하 버전에 해당하는 내용입니다. 아래 명령어로 버전을 확인하신 후 해당 버전인 경우 패치를 권장합니다.

  패치 방법 (패키지 방식 업데이트)

  패치 후 보안 취약점Continue reading “[Linux] GNU Bash 취약점 보안 패치 방법”