남익의 생활

입력폼의 유효성을 체크하기 입력 폼의 유효성을 체크 한다.1. 샘플예제 사용자 ID : 사용자 나이 : - 결과화면 2. 소스코드 사용자 ID : 사용자 나이 : 3. 설명 1) 사용자 아이디와 나이를 입력받을 입력폼을 생성한다. 2) submit 버튼을 클릭하면 실행될 유효값 체크 이벤트를 생성한다. : 사용자 아이디 폼은 입력 여부 판단. : 사용자 나이 폼은 입력 여부 판단 및 숫자만 입력되어있는지 확인, 5~99까지의 숫자만 입력 여부 판단. - val() : 해당 엘리먼트의 입력값을 가져오거나 설정한다. - text() : 해당 엘리먼트의 텍스트를 가져오거나 설정한다. JUQERYAPI val() : http://api.jquery.com/val/ text() : http://api.jquery..

이벤트 버블링 막기 클릭 이벤트 발생 시 이벤트 버블링 막기 이벤트 버블링의 경우 아래 샘플예제에서 구성을 보면 DIV안에 P안에 SPAN이 위치한 상태에서 개발자는 해당 태그만 클릭하는 경우 클릭한 태그의 클릭 이벤트가 실행되어 원하는 결과를 얻을 수 있도록 하겠지만 실제로 테스트를 해보면 SPAN 태그를 선택하는 경우SPAN - P - DIV 순으로 클릭 이벤트가 실행하기 됨으로써 원치 않는 경우가 발생하게 됩니다.1. 샘플예제 Div Element Area P Element Area Span Element Area - 결과 화면 2. 소스코드 Div Element Area P Element Area Span Element Area 3. 설명 이벤트 버블링 막기 ex 01) - 버블링 현상이 발생하는..

텍스트 필드에 어떤 키가 입력되었는지 확인하기 텍스트 필드에 어떤 키가 입력되었는지 확인하기1. 샘플예제 이름 : - 결과화면 2. 소스코드 이름 : 3. 설명 키보드의 키를 누르면 동작하는 이벤트 핸들러를 생성한다.이벤트 핸들러에 입력된 키보드 키값의 코드 값을 표시한다 참고 Jquery API : http://api.jquery.com/keypress/ http://api.jquery.com/keyup/http://api.jquery.com/keydown/- keypress( handler ) : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 누르면 이벤트 핸들러가 실행됩니다.- keyup( handler ) : 지정한 엘리먼트에 이벤트 핸들러를 연결하여 사용자가 키보드의 키를 눌..

마우스의 이벤트를 처리한다. 특정 마우스의 이벤트를 처리한다.1. 샘플예제 Bold button Italic button - 결과 화면 [특정 버튼위에 마우스가 위치한 경우] [버튼을 마우스 오른쪽 버튼으로 클릭한 경우] [버튼을 마우스 왼쪽 버튼으로 클릭한 경우] 2. 소스코드 Bold button Italic button 3. 설명 해당 버튼에 마우스 관련된 이벤트를 설정하여 bind() 한다. 마우스 버튼이 클릭되었을 때 event.button 이 0 인 경우 마우스 좌측, 2 인 경우 마우스 우측 으로 설정한다. 마우스가 해당 버튼 위에 위치하게 되면 이벤트를 처리한다. - bind(eventType, data, handler) : eventType는 이벤트의 타입을 지정하는 문자열로써 click..

힘든 사회 생활에 지치고 힘든 내 몸과 마음을 편안하게 해줄 수 있는 건강차를 소개해드립니다. 한의학에서는 차의 약리적 효능으로 병을 낫게하고 마음을 편안하게 하며, 기운을 맑게 한다고 설명합니다. 차에 함유된 성분들은 건강을 이롭게도 하지만 기운과 마음을 다스려 스트레스 해소에도 도움이 됩니다. 유자차 유자에는 비타민C가 풍부해서 겨울철 감기 예방에도 도움이 됩니다. 그리고 유자에 포함된 "리모넨"이라고 불리는 성분은 기침과 목의 염증을 진정시켜주는 효과가 있습니다. 자몽차 자몽에는 김기예방과 피로회복에 좋은 비타민C가 풍부해 하루에 반개 정도만 섭취해도 충분한 비타민 섭취가 가능합니다. 피부미용에도 효과적으며 비타민A와 C성분이 풍부해 모발이 성장하는데 도움을 줍니다. 로즈마리차 뛰어난 살균 작용과 ..

사회 생활을 하다보면 잦은 야근과 많은 술자리로 인해서 몸의 피로도가 많이 쌓인 상태에서 피로를 조금이나마 회복하게 하기 위해서 여러 음식들을 먹거나 마시거나 하실겁니다. 하지만 그런 음식들 중에서 나의 피로도를 더 높에줄 수 있는 음식들이 있다고 하는데요. 그러한 음식들이 무엇이 있는지 한번 알아보겠습니다. 커피 커피가 피곤감을 더 느끼게 한다는 말은 선뜻 다가오지 않을 겁니다. 하지만 카페인이 많이 들어 있는 커피와 홍차, 카페인 드링크등은 만성피로로 시달리고 있는 사람들을악순환에 빠지게 한다고 합니다.이런 음료들의 효과는 1시간에서 1시간 반정도의 시간이 불과하다고 합니다.커피 대신 신선한 과일과 영양소가 풍부한 식습관으로 건강상태를 회복하는게오히려 피로를 줄일 수 있다고 합니다. 흰 빵과 흰 쌀밥..

사용자의 클릭 없이 자동으로 클릭 이벤트를 발생하기사용자의 클릭 없이 자동으로 클릭 이벤트를 발생 시킬 수 있다.1. 샘플예제 Bold button Italic button 결과화면 2. 소스코드 Bold buttonItalic button 3. 설명 1) click(dblclick) 이벤트를 설정한다.2) 설정이 완료 된 후 trigger 함수를 사용하여 클릭 이벤트를 실행한다. JQUERY 참조 : http://api.jquery.com/trigger/ http://api.jquery.com/bind/ http://api.jquery.com/click/ http://api.jquery.com/dblclick/ - bind(eventType, data, handler) : eventType는 이벤트의 ..

어느 버튼을 클릭하였는지 확인하기특정 버튼 중에서 클릭한 버튼을 확인할 수 있습니다.1. 샘플예제 Bold button Italic button 실행결과 2. 소스코드 Bold buttonItalic button 3. 설명 1) 버튼에 click(dblclick)이벤트를 bind 및 직접 이벤트를 설정합니다.2) 이벤트가 제대로 적용이 되면 해당 버튼을 클릭하게 되면 설정한 이벤트가 실행합니다. JQUERY 참조 : http://api.jquery.com/bind/ http://api.jquery.com/click/ http://api.jquery.com/dblclick/ - bind(eventType, data, handler) : 특정 이벤트를 정의하여 설정한다. : eventType는 이벤트의 타입..

브리츠 BZ-A10 블루문 블루투스 스피커 이마트 죽전점의 일렉트로 마트를 오랜만에 방문했다가 나름 제 생각에 득템했다고 생각되는 블루투스 스피커를 소개합니다. 나름 블루투스 스피커 할인 행사를 하고 있길래 인터넷 최저가 검색을 해보니 인터넷에서는 33,630원에 최저가가 형성되어있었지만 [출처 : http://shopping.daum.net/product/A2517343198/&q:BZ-A10&cateid:100102108104&srchhow:Cexpo] 일렉트로 죽전점에서는 골드, 실버 색상에 대해서 24,900원에 할인 행사를 하고 있어서 겨우 매장에서 실버 색상을 구입하게 되었습니다. (대부분 골드 색상이 남아있고 실버는 매장 구석깊숙히 있는 것을 찾아서) 박스 패키징은 상당히 깔금하게 되어 있고..

리맥스 RM-610D우연하게 용인에 있는 CGV 죽전점에 들려서영화 콩:스컬 아일랜드를 보기 위해서 왔다가영화 상영 시간이 좀 많이 남아서길건너 있는 이마트 죽전점의 일렉트로 매장에 들렸다가 득템했습니다.~~해당 제품에는 블랙, 레드, 실버, 골드 색상의 제품이 있지만현재 일렉트로 마트에서 할인 행사를 하고 있어서9,900원에 GET대신 블랙 색상의 경우 원가로 판매를 하고 있더군요.실버 색상과 골드 색상만 할인 행사를 하고 있습니다.그럼 한번 제품을 살펴볼까요??~~박스 포장은 상당히 깔끔하게 되어 있고 위에 보면 고리 같은 것이 있는데해당 고리를 잡아 당기면 박스 안 내용물이 쭉~~~ 따라 올라옵니다. 박스 내용물을 꺼내보니 깔끔하게 제품이 배치되어 있군요~ 실버 색상을 실제로 확인해보기 색상이 별로..