자바스크립트를 사용해 특정 문자를 다른 문자로 치환하는 방법에 대하여 알아볼까합니다. 먼저 사용할 메소드는 replace() 입니다. 사용방법은 아래와 같습니다. str_text.replace("찾을 문자열", "변경할 문자열") 자바스크립트의 replace()함수는 바꿀 문자열을 직접 입력하거나 또는 정규표현식을 사용할 수도 있습니다.# replace() 함수 예제를 통해 알아보기아래는 replace()를 사용한 문자를 치환하는 방법의 간단한 예제입니다.var test = '가나다라 마바사 가나';var result = test.replace('가', '나'); console.log(result); 실행 결과는 아래와 같습니다.12 나나다라 마바사 가나// 출력 결과는 맨 앞의 "가"는 "나"로 변경됨
Last Modified : 2019-08-08 00:02:51PHP 언어에서 문자를 다른 특정 문자로 변환할 경우 아래 함수를 사용합니다. 매우 자주 사용되는 함수 중 하나 입니다. 언제 문자 변환이 필요할까요? 정리해보면...[ 1 ] 문자 치환이 필요한 경우는?1. 데이타베이스와 연동하기 위해 특수문자 또는 줄바꿈 처리시2. 게시판에서 특정 문자의 제거 또는 치환으로 특수문자와 줄바꿈 변경에 자주 사용3. 사이트 주소, 이메일, 핸드폰 번호 등등을 일정한 규칙으로 바꾸어 서버에 전송시4. 검색 기능을 구현할 때 인덱스 문자를 변환하기 위해 사용하거나 대소문자 변경시[ 2 ] 문자 변환 방법 및 사용 함수<?php str_replace("찾을 문자", "변경할 문자", "해당하는 문자열"); preg_replace("/찾을 문자/", "변경할 문자", "해당하는
Last Modified : 2016-04-20 15:44:11아래는 정규표현식을 사용한 태그의 제거 방법입니다. 태그를 제거하기 위해서 내장함수에서 태그를 지원하는 함수가 있다면 편리하겠지만 순수 자바스크립트에서는 없는 부분이기에 다른 방법이 필요합니다. 가장 간편한 방법이 바로 정규표현식을 활용하는 방법입니다.정규표현식의 replace() 함수는 특정 문자열을 패턴에 따라 원하는 대로 수정하여 반환할 수 있습니다. 그럼 어떻게하면 정규표현식을 사용해 태그를 제거할 수 있는지 알아봅니다.# 정규표현식으로 태그 제거하는 방법아래는 태그를 제거하기 위한 정규표현식으로 모든 태그를 제거합니다.var newText = oriText.replace(/(<([^>]+)>)/ig,"");위 정규표현식은 새로운 변수 newText에 변수 oriText에 포함된 태그 요소만 제거하여
Last Modified : 2019-08-07 20:38:44데이터베이스에 저장된 값을 업데이트 하는 경우를 생각해보겠습니다. 만약 똑값은 패턴으로 저장된 텍스트를 한꺼번에 바꾸어 데이터베이스에 저장할 경우 어떻게 해야할까요? 서버로 데이터를 불러온 뒤에 다시 변경한 후 값을 저장할 수 있겠지만 매우 번거롭습니다. 만약 쿼리 안에서 replace() 함수를 사용할 수 있다면 좋겠죠.다행하게도 쿼리에 replace()를 사용할 수 있습니다. 특정한 텍스트가 반복될 경우 replace() 함수를 사용해 수정할 데이터의 값을 원하는 다른 문자로 변경하는 방법에 대하여 알아보겠습니다.! sql에서 replace() 함수 사용방법* 테이블 이름: employee=========================== dept || tel==
Last Modified : 2016-07-11 10:44:44정규표현식을 사용해 중괄호를 삭제하는 방법입니다. 중괄호는 특수문자이며 정규표현식 코드와 겹치기 때문에 변환하기가 매우 까다롭습니다. 그럼,아래 예제를 참고하세요.! 중괄호 텍스트 삭제방법아래 예제는 $test 변수안에 존재하는 중괄호 안의 모든 내용과 괄호를 함께 삭제하는 방법입니다.<?php$test = "123[456]789";preg_replace(\/[[^]]*]/\,\\, $test);echo $test;?>123789// 위와 같이 중괄호 안의 모든 내용이 제거 후 출력됨
Last Modified : 2016-05-19 15:38:07만약 파일의 확장자(이미지라면 jpg, gif, png등이 되겠군요...) 값만 불러오게 하려면 어떻게 해야할까요? 가장 쉬운 방법으로 정규표현식을 사용할 수 있겠습니다. 그리고 확장자는 .(마침표)을 기준으로 나뉠 수 있기 때문에 만약 파일에서 period인 . 기호가 한개라면 split() 함수를 사용할 수도 있겠습니다. 그럼 아래 예제를 참고하세요.! 파일 확장자만 가져오는 방법 예제소스 코드보기아래와 같이 test 변수가 존재하고 값이 imagefile.jpg 라는 값을 가지는 경우 어떻게 해서 jpg라는 확장자만 가져올 수 있는지 알아보세요. 먼저 정규표현식을 사용해서 알아보도록 하겠습니다. 정규표현식은 패턴과 매칭되는 문자열을 검색하거나 변경하는데 매우 유용하게 사용됩니다.! 정규표현식을 사용한
Last Modified : 2015-11-15 23:33:32정규표현식은 두가지 표기 방법이 있습니다. 하나는 리터럴 표기에 의한 방법으로var pattern = /abcdf/;두번째는 RegExp 객체를 사용하는 방법입니다.var pattern = RegExp('abcdf');보는 것은 매우 다를 수 있지만 둘 다 정규표현식에 필요한 인스턴스를 만들어 사용할 수 있습니다. 사실 정규표현식은 다루어야 할 부분이 매우 많습니다. 하지만 매우 복잡한 코드를 한줄로 줄일 수 있는 강력한 기능이 있기 때문에 매우 중요한 부분이라 할 수 있습니다. 그럼 아래부터는 예제와 함께 알아보겠습니다.# 문자에서 숫자만 x 기호로 바꾸어 감추는 예제<script type="text/javascript">var test = "123abc";var pattern = /[0-9]+/gi;te
Last Modified : 2015-12-22 12:47:07데이터베이스안에 있는 테이블의 특정 데이터를 변경하는 방법은 update 키워드를 사용해 가능합니다. 그런데 만약 특정 필드안에 있는 모든 리스트를 기준으로 특정 문구를 다른 것으로 치환, 변경하려면 어떻게 해야할까요? 하나씩 하는 방법이 아닌 전체를 규칙적으로 바꾸는 경우 replace() 함수를 사용할 수 있씁니다.# 언제 이런 경우가 발생할까요? 예를들어 필드안에는 전화번호가 저장되어 있는데 이 안에 있는 모든 - 대시기호를 제거해야하는 경우가 있습니다. 이런 경우 하나 하나 - 대시기호를 찾아서 없애는 작업을 한다면 굉장히 시간이 오래걸리고 비효율적일 것입니다. 이 경우에는 replace() 함수를 사용해 전체 데이터를 일괄로 처리하는 방법이 필요합니다. 그 외에도 비슷한 경우가 많을 수 있겠죠.아래
Last Modified : 2016-05-11 09:43:56특정 DOM 요소를 다른 DOM 요소로 제이쿼리를 사용하여 변환하는 방법에 대하여 알아보겠습니다. 이때 사용하는 제이쿼리 메소드는 바로 replaceWith()입니다. 먼저 이 메소드의 간단한 사용방법은 아래와 같습니다.$(바꾸고 싶은 요소).replaceWith(바뀌게 될 요소);자세한 설명은 아래 예제와 함께 참고하세요.! replaceWith() 예제소스 코드보기<div> <p>- 해야할 일 리스트 -</p> <span class="item">게임 - <span class="button">진행중</span></span> <br /> <span class="item">웹서핑 - <span class="button">진행중</span></span></div><script type="text/
Last Modified : 2016-05-06 21:23:22MongoDB(몽고DB)에서 문자열을 모두 바꾸려면 어떻게 할까요? 이 경우 find() 그리고 replace()를 사용하여 변환하는 것이 가능합니다. 이때 모두 바꾸기 위하여 forEach() 루프를 사용합니다. 만약 컬렉션 이름이 만약 site라면 아래와 같이 사용합니다.# MongoDB 전체 문서에서 문자열 변경하는 방법아래 방법은 모든 데이터의 문자열 전체를 변경하는 방법입니다. replace()를 사용합니다.db.site.find().forEach(function(item) { item.field = item.field.replace('이전 문자열', '변경할 문자열'); db.site.save(item); })이처럼 간단하게 함수를 사용하여 가능합니다. 그럼 몇가지 예제를 좀 더 알아봅니다
Last Modified : 2017-11-11 11:14:25자바스크립트에서 문자 변환 치환을 할 경우 replace() 함수를 사용합니다. replace() 함수는 정규표현식을 사용할 수 있어 매우 편리합니다.일반적인 정규식을 적용한 replace()함수의 모습은 아래와 같습니다.! 간단한 정규표현식의 replace() 함수str.replace(/web/g, 'free');web이라는 텍스트 모두를 free로 변경하는 정규표현식을 적용한 replace() 함수입니다.만약 복잡한 문자 변환이 필요한 경우... 어떻게 하는 것이 효과적일까요 정규표현식을 많이 사용하는 방법등이 필요한 경우 이는 효과적이지 않습니다. 이때 replace()에서 찾은 결과를 함수를 추가하여 사용할 수 있습니다. 아래 예제를 봐주세요.만약 정규표현식이 myRegExp 변수에 있다면 아래처럼
Last Modified : 2017-09-07 11:03:58몽고DB를 사용하여 여러개의 문자열을 가지고 있는 데이터를 찾는 방법을 알아보겠습니다. 만약 아래의 데이터베이스에서 keyword필트에 포함된 web 그리고 free가 포함된 것을 찾으려면 어떻게할까요?* 데이터베이스 정보- Collection명: site# MongoDB를 사용하여 복수개 문자, 단어 검색하는 방법검색을 하기 위한 방법으로 find() 그리고 정규표현식을 사용하면 가능합니다. 아래 예제를 봐주세요.db.site.find({"keyword": /web.*free.*/})이제 위 방법으로 해당하는 데이터베이스를 정규식으로 찾아서 가져오게됩니다. 위 방법은 여러개가 포함된 경ㅇ의 결과만 가져오는 조건입니다.
Last Modified : 2017-09-29 05:25:57만약 클라이언트측에서 자바스크립트를 사용하여 ip 주소를 감추려면 어떻게 해야할까요?어떤 경우가 있을까요? 예를들어 로그인하지 않은 사용자의 경우 글쓰기 기능은 있지만 ip를 일부 숨겨서 보여주는 경우가 있습니다. 이 경우 ip를 전부 노출하는 것이 아니라 일부분만 보여줍니다. 예를들어...ip 주소 변경 전 : 012.345.678.901ip 주소변경 후 : 012.345.***.***# 자바스크립트를 사용하여 ip 주소를 *** 표시로 감추어 보여주기위와 같이 변경하기 위하여 정규표현식을 사용하려고 합니다. 정규표현식을 사용하지 않고 물론 다른 방법을 사용할 수도 있습니다. 아무래도 구둣점(.)을 기준으로 split() 함수를 사용하여 배열로 변경 후 자르는 원하는 배열값만 보여주는 방법이 있습니다.
Last Modified : 2017-04-25 08:03:33ip 주소를 감추려면 어떻게 해야할까요? 예를들어 로그인하지 않은 사용자의 경우 글쓰기 기능은 있지만 ip를 일부 숨겨서 보여주는 경우가 있습니다. 이 경우 ip를 전부 노출하는 것이 아니라 일부분만 보여줍니다. 예를들어...ip 주소 변경 전 : 123.34.567.890ip 주소변경 후 : 123.34.***.***# ip 주소 일부 감추어 보여주는 방법위와 같이 변경하기 위하여 정규표현식을 사용하려고 합니다. 정규표현식을 사용하지 않을 경우 구둣점(.)을 기준으로 변경하는 방법이 있지만 가장 간단한 방법은 아래처럼 정규표현식을 사용하면 됩니다. 그럼 아래 코드를 봐주세요.$ip = '123.34.567.890';$ip = preg_replace('/.d{1,3}.d{1,3}$/', '.***.***'
Last Modified : 2017-04-10 23:08:57CKEDITOR에서 생성될 에디터가 노출되지 않고 DOM 엘리먼트를 스크립트에서 생성하여 replace() 적용한 뒤 보여주게 하려는 경우 어떻게할까요? 그 방법은을 알아봅니다. 이해하기 쉽게 말하면 html을 추가한 뒤 로드가 되면 replace('name')을 적용하지만 자바스크립트에서 DOM 엘리먼트 추가하여 적용하는 방법입니다?var editor = document.body.appendChild(document.createElement('textarea'));CKEDITOR.replace(editor);참고로 위와 같은 방법으로 미리 CKEDITOR의 인스턴스는 생성할 수 있으나 이를 다시 옮기려고 할 경우 문제가 발생할 수 있습니다. 여러가지 테스트 해본 결과 CKEDITOR의 인스턴스와 함께 생성
Last Modified : 2017-05-30 10:52:48
