자바스크립트 10

[자바스크립트] 주민번호를 기준으로 만 나이 체크

이곳에 구현해 놓은 내용은.. 만 14세 미만인 사람이 회원가입을 할때 부모 동의를 얻기 위해 부모 주민번호를 입력받는 상황에서, 부모가 만 19세 이상 성년자 인지를 확인하기 위해 주민번호를 기준으로 만 나이를 체크하는 것입니다. 물론, https:// 프로토콜을 사용하여 SSL 로 서버단 프로그램을 구현해야 되겠구요. 이외에 i-Pin 을 이용한 방법을 사용할 수도 있어야 합니다만.. 여기서는 클라이언트단의 주민번호 기준 만 나이 체크를 하는 부분입니다. isUnderAge 함수는 input 태그에 입력된 값이 만 나이 기준으로 파라미터값 미만인지 점검. 만 14세, 만 19세 등의 기준으로 체크 가능. input 태그의 onBlur 에 isUnderAge(14) 대신에 if(isUnderAge(14..

jQuery 1.4.x 입문서, jQuery Cookbook (실전 jQuery 쿡북) v1.4.x 증보판

깜장 바탕에 빨간 글씨 jQuery Cookbook. 울 회사 홈피가 까망 빨강인데, 딱 스타일이 맞네요.. ㅎㅎ 관리자 화면 만들다가 갑자기 돌아가지 않는 자바스크립트 코드를 보고, 몇 시간 동안 이리저리 해 보다 결국 포기했더랬어요. 그런데, 여기저기 뒤적이다 보니.. jQuery 는 어떨까 싶어서, 이쪽 코드를 몇개 테스트 했습니다.. 음.. 이제는 잘 되는군요. 범용성이라는 것이 이리 중요한 것을.. 조금씩 다른 웹브라우저들을 모두 테스트 해서, 그리고, 동일한 코드로 여러 브라우저에서 작동하게 만들어진 자바스크립트 프레임웍.. jQuery. 이제 슬슬 공부해 봐야겠네요. 그동안 흐릿하게 나마 접해 왔던 jQuery 를 요리해서 맛나게 잘 먹겠습니다. 역시나 인터넷으로 서적을 구매할 때는 예스24..

자바 스크립트, submit() 과 history.back() 이 모두 기술된다면 어떤 것이 실행될까

만약, submit() 함수와 history.back() 함수가 모두 기술된다면 어떤 것이 실행될까.. 아래와 같은 코드가 있다고 하자.. 그러면 어떤 것이 실행될까..? submit() 일까 history.back() 일까..? 물론, 정답은 둘다 실행되고, 먼저 기술된 것이 먼저 실행된다. 그런데 만약, f.target 에 '_self' 나 '_top' 이라고 기술하면 어떻게 될까..? f.submit() 이 실행되고 history.back() 은 실행되지 않는다. 이미 http://www.abcdefg.com 으로 페이지가 변경되어 있기 때문이다. 이런걸 어디다 쓰냐하면.. 목록에서는 게시물의 제목이 보여지고, 게시물을 상세보려고 하면 게시물과 관련된 특정 화면이 새로 뜨게 할때 유용하다. 게시물 ..

모니터 화면이 스크롤되어도 일정한 곳에 보이도록 하였던 이미지가 갑자기 움직이지 않는다

자바스크립트나 HTML 코딩은 바뀌지 않고 이미지만 수정했을 뿐이라는데, 이런 현상이 나타났다. 과연 어떻게 해결해야 하는 것일까..? style.top 의 수치를 변경해 주는 방식으로 잘 작동하던 자동 스크롤이었고, 정말이지 다른 코딩은 변경된 것이 아니다... 라고 하였지만, 작업자가 한 둘이 아니라서 누군가 무언가를 수정했겠지 라고 생각했다. 사실, 이런 경우가 한둘이 아니지 않을까. 문제가 생겼을때, 작업자가 한명이 아니라면 거의 대부분은 누군가가 고쳤을 확률이 놓다. 그러나 오늘의 현상은.. 역시나 코딩이 바뀌지 않은 것이 확인되었다. 해당 코드에 무의미한 문자를 찍게 하고 화면을 새로고침.. 아, 이제 이미지가 제대로 따라 다닌다. 왜 그랬지..? 그런데, 화면 레이아웃을 보니, 자동으로 스크..

자바스크립트 정규식

시간 체크, /^[0-9]{2}:[0-9]{2}$/.test('09:07') 일자 체크, /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/.test('2009-01-08') 사족을 달자면.. ^ 는 첫부분이라는 것. EditPlus 에서랑 동등하다. $ 는 끝부분이라는 것. Linux 의 vi 에서랑 동등하다. [0-9] 는 0에서 9까지의 문자중 아무거나 상관없다는 것. 물론 숫자면 ok 라는 뜻. {n} 는 앞에 기술된 표현식의 문자가 n 개 사용되어야 한다는 것. [0-9]{2} 는 0에서 9까지의 문자 즉, 숫자가 2개 사용되어야 한다는 필수 조건. - 는 그냥 해당 문자 (dash '-') 가 하나 사용된다는 것. 아무 문자나 하나를 허용한다고 한다면 그냥 점 (포인트, '.') 을 찍으면..

스타일시트 CSS 명칭이 text-decoration 처럼 중간에 하이픈이 들어가면 자바스크립트로 어떻게 다룰까

만약 '즐거운 하루.. ~.~' 라는 텍스트 위에 마우스 커서가 올려질 때 밑줄이 그어지고, 마우스 커서가 다른 곳으로 이동할때 다시 밑줄이 없어지게 하려면 어떻게 해야 할까..? 스타일 시트를 사용하면 되겠는데.. 이렇게 해 볼까..? 즐거운 하루.. ~.~ 위와 같이 하면, 밑줄은 그려지는데.. 마우스가 다른 곳으로 이동할때도 밑줄이 그대로 있다.. ㅠ 역시 자바스크립트를 사용해야 한다. 그런데, 하이픈이 들어간 명칭을 자바스크립트로 처리하려면 어떻게 해야 할까..? 즐거운 하루.. ~.~ 위와 같이 하면, 대략 난감해 진다.. ㅠㅠ 그렇다.. 정답은, 하이픈 뒤의 첫 알파벳을 대문자로 하고, 하이픈은 지우는 것. 즐거운 하루.. ~.~ 이제는 정상적으로 작동을 한다. .ㅠ

한번쯤 써 봄직한 자바스크립트

TextArea 영역을 버튼으로 늘이고 줄이기, 짧은 글과 긴 글 읽을 때의 편이성 제공, http://yol.pe.kr/218 JS 파일 호출시 퍼포먼스 경고, ttp://rhio.tistory.com/144 JS 관련 고민사항, http://rhio.tistory.com/category 한글 입력, function setKor(obj){ obj.style.imeMode = "enabled"; } 영문 입력, function setEng(obj){ obj.style.imeMode = "disabled"; } To be continue..

MS 에서 권장하는 DHTML 자바스크립트 튜닝 12단계

마이크로소프트 개발자 네트워크에서 옮겨온 내용입니다. 자식들 한국어로는 왜 안 해 놓는건지. 그래도 튜닝 기법이 괘씸(?)해서 옮겨 봅니다. 써니루루 님이 링크를 걸었길래 들렀다가 발견했습니다. 각 단계를 시시콜콜 번역하지는 않았습니다. 번역하면 의미가 달라지는 것같습니다. 다만 설명을 달았습니다. 그리고 유의할 것은 자바스크립트를 튜닝하는 것이지, 웹서버나 네트워크 쪽을 튜닝하는 것이 아니라는 점입니다. 개개인에 따라 PC 성능이 다르고 같은 PC 라도 주인장 나름으로 성능이 다르죠. 그래서, 빠른 PC 에서는 어쩌면 이런 튜닝이 무의미한 것인지도 모릅니다. 하지만, 겁나 느린 PC 를 생각한다면 이런 튜닝이 아주아주 의미가 있습니다. "이런걸 뭣하러 튜닝해" 하지 마시고, 느린 PC 를 가진 불쌍한(..

[모음 자료] 자바스크립트 & CSS, JS, JScript, JavaScript

1. 블루비 ← 클릭하세요 (강추, 끝내 줍니다). - JavaScript - Flash 2. Koxo ← 클릭하세요 (강추, 끝내 줍니다). - 개체 object - 문장 statement - 기능함수 function - 메서드 method - 연산자 operator - 속성 property - 스타일 style - 필터 filter - 이벤트 event - 행동 behavior - 각종 예제와 기초강좌 3. 네이버 지식iN ← 클릭하세요. - JavaScript 각종 이벤트 처리 - JavaScript 각종 객체(개체)와 함수, 속성 4. My CSS Menu ← 클릭하세요. - 각종 풀다운 메뉴 - 각종 좌측 트리 메뉴