드럼치는 프로그래머

이 포스팅은 자바스크립트 정규식(정규표현식)에 대해서 상세히 알려드릴려는게 아니라.. 웹페이지 작성시 매번 찾게되는 아이디 체크 와 같은 스크립트를 포스팅 해봅니다. 기본적으로 자바스크립트에서 정규표현식은 / (슬래쉬)로 감싼다 "(큰따옴표) 또는 '(작은따옴표)로 감싸지 않는다. 그리고 마지막에 /g 또는 /i 또는 /gi 로 끝난다 왜 그런지 궁금하면 각자 찾아보는 걸로 한다~ 아래에서 뜻하는 정규 표현식은 영문 a-z 로 시작하고 이후에 a-z0-9 사이 문자열이 오면 된다는 것이다. 대괄호 앞에 ^가 붙으면 시작을 뜻하고 대괄호 안에 ^가 붙으면 제외를 뜻한다. ^[a-z]로 되어 있으니 시작을 영문 a-z로 하는 것을 뜻한다 + 연산자로 연결을 한다. {5,19}는 5~19자리를 뜻한다. 앞에서..

자바스크립트로 아이디 체크 로직을 개발 할 일이 있어 개발 후 남겨봅니다. 공감 버튼 클릭해주세요!! 중복확인 영문, 숫자 조합 8자~10자리 function checkIdCombinationEngAndNum(ipbID, ipbIDText) { var retVal = false; var vId = ipbID.val(); if (vId.length 10) { ipbIDText.css("color", "red"); ipbIDText.text("아이디는 8자 이상, 10자 이하여야합니다."); } else if (/[^a-z0-9]+|^([a-z]+|[0-9]+)$/i.test(vId)) { ipbIDText.css("color", "red"); ipbIDText.text(..

jQuery는 수많은 자바스크립트 라이브러리중에 현재 가장 많이 사용하는 프레임웍이다. jQuery홈페이지에서 말하고 있듯이 빠르고 간결하며 기존 자바스크립트와는 달리 작성하는 방식을 달리 할수 있도록 설계되었다(메소드체이닝). 당연히 프론트엔드개발을 하고있는 개발자들은 반드시 이해를 하고 있어야 하는 라이브러리이다. jQuery 삽입 자바스크립트 라이브러리들의 사용방법은 간단하다. 문서에 스크립트를 삽입해주면 되는데 jQuery도 동일하다. 다운로드 페이지에서 원하는 버전을 내려받아서 사용하던가 CDN이 적용된 주소를 그대로 사용해도 무방하다 jQuery 사용 jQuery를 삽입하면 jQuery() 함수가 만들어 지는데 축약형태로 $ 로 사용이 가능하다. jQuery홈페이지에서 브라우저에서 콘솔을 열어..

JavaScript는 데이터형에 대해서 꽤 자유로운 언어입니다. var value = 1; // Number 형 1 console.log(value, typeof value); // 1 number value = "1" // String 형 1 console.log(value, typeof value); // 1 string 이렇게 처음에 value에 정수형 1을 넣고 변수 생성후에 로그를 찍으면 1인 정수가 나오고 문자형 '1'을 value에 넣을수 있습니다. 자바와 c 같은 타입을 확실히 검사하는 언어와는 다릅니다. 자바스크립트에서 어떤 값이 비어있는지 체크하려면 var value2 = "" if( value2 == ""){ console.log("비어 있음"); }else{ console.log("..

웹 페이지를 만들다 보면 여러 가지 이유로 URL을 redirection 해야 할 때가 있습니다. 몇 가지 방법이 있는데요, 이 포스트에서는 가장 일반적인 두 가지 방법을 소개하겠습니다. 먼저, Meta태그를 사용하는 방법입니다. 1 content=” 다음에 오는 1은 시간을 나타냅니다. 1초 뒤에 지정한 URL로 redirection 됩니다. 즉시 이동을 하고 싶으시면 0으로 조정하면 됩니다. http-equiv 속성은 현재 인터넷 익스플로러를 포함한 모든 브라우저를 지웝합니다. 다음으로 javascript를 사용하는 방법입니다. 1 2 3 window.location.replace를 쓸 경우 히스토리를 남기지 않아 뒤로가기를 할 수 없게 만들어 줍니다. 웹 페이지를 완전히 다른 페이지로 이동시키고 싶..

자바스크립트로 location.href 를 설정하여 다른 페이지로 이동하는 코드를 짜는 경우가 있는데, 이동 하는 페이지를 새 창(브라우저)으로 띄우고 싶은 경우가 있습니다. 이럴 때는 다음과 같은 방법을 사용합니다. // 새 브라우저 창을 띄워 DAUM 페이지로 이동 window.open('http://www.daum.net ', '_blank'); 첫번째 인자로는 이동할 페이지 URL 주소 두번째 인자로는 새 창을 띄울 윈도우의 이름입니다. 위의 코드를 호출하게 되면 새 브라우저 창의 뜨워 다음 페이지를 열어 줍니다. 계속해서 페이지에서 위의 코드를 호출해도 계속해서 새 창이 뜹니다. (브라우저 마다 약간의 차이는 있는데, 익스플로러, 크롬, 파이어폭스 같은 경우는 동일한 브라우저에 새탭으로 새창을 ..

보호되어 있는 글입니다.