CATEGORIES
자바스크립트에서 줄바꿈을 바꾸는 방법에 대하여 알아봅니다. 만약 줄바꿈된 텍스트를 <br>태그로 변경하거나 반대로 <br>태그를 줄바꿈으로 변경하려면 어떻게해야할까요? 아래에서 자세히 알아보겠습니다.# 줄바꿈을 br로 바꾸는 경우는? 언제 필요한가<textarea> 태그를 사용하여 입력받은 값의 줄바꿈(white spaces)은 <br>태그가 아닌 줄바꿈 코드로 표시됩니다. 만약 서버에 저장할 경우 database에 그대로 저장할 수 있지만 대부분 <br>태그로 변경하여 저장하는 방법을 많이 사용합니다. 이런 경우에 사용할 수 있습니다.! 정규표현식을 사용하여 줄바꿈을 바꾸는 방법먼저 정규표현식을 사용하여 줄바꿈을 <br>로 바꿔보겠습니다. 아래의 예제는 textarea 태그의 값을 불러와 줄바꿈을 <br>
Last Modified : 2018-01-20 09:57:19만약 특수문자를 제외하고 검색하는 정규표현식 방법은 어떻게 될까요? 아래에서 자세히 알아봅니다.예를들어 새로운 가입자의 아이디 또는 닉네임등을 입력받으려면 특수문자를 제외해야합니다. 이 경우 특수문자를 제외하는 방법으로 한글, 영문, 숫자 또는 공백만 허용하면 될 것 입니다. 그럼 정규표현식에서 공백, 문자, 숫자만 입력된 경우에만 검색하는 방법을 알아봅니다.아래 예제는 자바스크립트의 경우이며 패턴은 다른 정규식에도 사용가능합니다.# 정규표식에 특수문자를 제외하고 문자, 숫자 허용하기아래는 정규표현식에서 특수문자를 제외하는 패턴을 만들고 테스트 해보려합니다. 단, 공백은 허용되지 않습니다. var str = '가나다abc123';var pattern = /^[a-zA-Zㄱ-힣0-9]*$/;if (str.ma
Last Modified : 2018-11-24 11:06:11
에디터를 직접 만들거나 입력된 문자의 div태그를 다른 태그로 제거하고 싶을때 br태그로 바꾸는 방법을 많이 사용합니다. 만약 div 태그를 제거하거나 br태그로 바꾸려는 경우 어떻게 해야할까요?# div 태그를 쉽게 제거 또는 br로 방법가장 빠르고 간단한 방법은 <div></div>의 텍스트를 모두 찾아 바꾸는 방법이 제일 쉽습니다. 예를들어 아래의 경우 다음과 같이 적용할 수 있습니다.<div id="test"> <div><span>Webisfree.com</span></div></div>여기서 id가 test인 엘리먼트 안에 존재하는 코드를 불러와 아래와 같이 적용합니다.var ele = document.querySelector("#test");var result = ele.innerHTML.rep
Last Modified : 2017-11-23 12:35:21php에서 만약 특수문자를 찾거나 바꾸려면 어떻게 해야할까요? 먼저 정규식을 적용하기 위한 방법으로 PHP는 preg_replace() 내장 함수가 존재합니다.# 정규표현식으로 값을 바꾸는 함수php의 preg_replace() 함수는 간단하게 정규표현식으로 값을 변경 가능합니다. 아래는 간단한 사용방법입니다.preg_replace(정규식, 바꿀값, 적용대상)우선 허용 가능하지 않은 값을 바꾸는 방법과 선택된 특수문자를 바꾸는 방법 두 가지가 존재합니다. 먼저 허용 가능한 값 외에는 제거하는 방법입니다.function cleanStr($str) { return preg_replace('/[^A-Za-zㄱ-힣0-9-]/', '', $str);}위의 cleanStr() 함수는 영어, 한글, 숫자
Last Modified : 2020-07-21 14:35:14자바스크립트에서 전화번호를 검증하려면 어떻게 해야할까요? 예를들어 일반전화와 핸드폰을 기준으로 실제 패턴이 맞는지 확인을 하려면?# 정규표현식으로 전화 또는 핸드폰 번호 검증하기문자열의 정규표현식을 사용한 방법을 사용할 수 있습니다. 정규식 패턴의 경우 test() 메소드를 사용할 수 있는데 이는 정규식이 일치하는지의 여부를 확인한 후 결과를 불리언(Boolean)으로 반환합니다. 아래의 코드를 봐주세요.var tel = '02-123-4567';var pattern = /\d{2,4}-\d{3,4}-\d{3,4}/;var tel = '02-123-4567';pattern = /d{2}-d{3}-d{4}/;pattern.test(tel);위 결과는 아래와 같습니다.true // 패턴이 일치하므로 true
Last Modified : 2017-09-04 01:35:11자바스크립트의 정규표현식(Reqular Expression)에서 그룹 지정 후 사용하는 방법에대하여 알아봅니다.자바스크립트 정규표현식은 그룹 지정이 가능하며 이를 다시 불러와 사용할 수 있습니다. 이때 그룹 지정 방법으로 () 기호를 사용합니다. 예를들어 아래의 정규식에서 그룹핑된 예제를 바주세요.myRegExp = /(web)/g;위 코드에거 ()안의 web이 바로 그룹 지정된 문자열입니다. 이 그룹 코드는 $1, $2, $3 ... $9로 호출해 사용하는 것이 가능합니다. 그럼 이 그룹된 정규식을 사용하는 방법에 대하여 알아봅니다.# 정규표현식에서 그룹지정 사용하는 방법아래 예제는 특정 텍스트에서 그룹을 지정하고 해당 그룹을 다시 불러와 호출하는 방법입니다. Webisfree를 그룹지정해서 이를 supe
Last Modified : 2017-08-28 12:47:28자바스크립트에서 문자 변환 치환을 할 경우 replace() 함수를 사용합니다. replace() 함수는 정규표현식을 사용할 수 있어 매우 편리합니다.일반적인 정규식을 적용한 replace()함수의 모습은 아래와 같습니다.! 간단한 정규표현식의 replace() 함수str.replace(/web/g, 'free');web이라는 텍스트 모두를 free로 변경하는 정규표현식을 적용한 replace() 함수입니다.만약 복잡한 문자 변환이 필요한 경우... 어떻게 하는 것이 효과적일까요 정규표현식을 많이 사용하는 방법등이 필요한 경우 이는 효과적이지 않습니다. 이때 replace()에서 찾은 결과를 함수를 추가하여 사용할 수 있습니다. 아래 예제를 봐주세요.만약 정규표현식이 myRegExp 변수에 있다면 아래처럼
Last Modified : 2017-09-07 11:03:58만약 클라이언트측에서 자바스크립트를 사용하여 ip 주소를 감추려면 어떻게 해야할까요?어떤 경우가 있을까요? 예를들어 로그인하지 않은 사용자의 경우 글쓰기 기능은 있지만 ip를 일부 숨겨서 보여주는 경우가 있습니다. 이 경우 ip를 전부 노출하는 것이 아니라 일부분만 보여줍니다. 예를들어...ip 주소 변경 전 : 012.345.678.901ip 주소변경 후 : 012.345.***.***# 자바스크립트를 사용하여 ip 주소를 *** 표시로 감추어 보여주기위와 같이 변경하기 위하여 정규표현식을 사용하려고 합니다. 정규표현식을 사용하지 않고 물론 다른 방법을 사용할 수도 있습니다. 아무래도 구둣점(.)을 기준으로 split() 함수를 사용하여 배열로 변경 후 자르는 원하는 배열값만 보여주는 방법이 있습니다.
Last Modified : 2017-04-25 08:03:33
자바스크립트에서 이미지 파일의 확장자만 삭제한 이름만 가져오려면 어떻게 하면 되는지 알아봅니다.# 자바스크립트 이미지 파일 중 확장자만 제거 한 파일 이름 가져오기일단 확장자를 제거하는 것이 가장 좋은 방법입니다. 이때 중간에 . 기호가 포함되었을 수 있으므로 제일 마지막에 포함된 확장자 정보를 삭제해야 됩니다.가장 간단한 방법은 아무래도 정규표현식을 사용하는 방법입니다. 정규표현식에서 이미지의 확장자이면서 맨 뒤에 포함된 것만 빈 값으로 바꾸면 되겠죠. 그래서 필요한 정규식은 아래와 같습니다.(.png|.jpg|.jpeg|.gif)$이제 실제 코드에 적용해보겠습니다. 아래와 같이 파일명이 담긴 변수 myFile에서 확장자만 제거 후 가져와보려고 합니다.let myFile = 'webisfree.jpg';l
Last Modified : 2020-11-18 16:36:48오늘 날짜를 아래와 같이 나타내려고 합니다.'2017-05-01'일반적으로 사용되는 로컬타입의 날짜입니다. 하지만 이처럼 날짜를 보여주는 메소드는 Date() 객체에 없는데요 .. 이처럼 보여줄려면 어떻게 할까요? 일단 정규표현식을 사용하는 방법이 떠오르는 군요. 아래는 예제소스입니다.# 자바스크립트 오늘날짜를 -를 구분기호로 보여주기일단 오늘 날짜는 Date() 객체를 사용하고 년월일은 toLocaleDateString() 메소드를 사용합니다. 그 이후에 이 값을 정규표현식으로 변환하여 우리가 원하는 슬래쉬 구분자의 날짜를 얻을 것입니다.var curDate = new Date();curDate = curDate.toLocaleDateString().replace(/./g, '').replace(/ (?=
Last Modified : 2017-05-02 17:55:22