자바스크립트 replace() 사용하기


안녕하세요
고코더 입니다.

replace 는 서버언어에서 가장 유용한 함수 입니다.
특정문자를 치환해주는 가장 쉬운 방법이죠

자바스크립트도 당연히 replace.가  존재하는데 
문제는 문자열을 하나만 바꿔 줍니다.


replace() 사용법



▼ replace() 기본 사용법
1
2
var str = "gocoder"
str.replace("o","x");
cs
▼ 사용법
"문자열".replace("대상문자","바뀌어 보여질 문자")

▼ 결과 값


이렇게 replace는 하나의 문자만 치환하고
종료 합니다. 그래서 서버사이드 언어에서 사용하던 
그 replaceall이 아니죠.
그래서 방법이 필요 합니다.




replaceAll() 함수로 사용하기


우리에겐 replaceall 이 필요합니다. 

서버사이드 언어처럼 replaceAll을 사용하려면
아래 함수를 이용하면 됩니다.

▼ replaceAll 함수 
1
2
3
4
5
6
function replaceAll(str, searchStr, replaceStr) {
  return str.split(searchStr).join(replaceStr);
}
 
var str = "gocoder"
replaceAll(str,"o","x");
cs

▼ 사용법
replaceAll("문자열","찾을 문자열","대체할 문자열")

▼ 결과 값




replace()로 정규식을 이용하기


replaceall 함수를 정의하기가 싫고
소스가 너무 지저분 해진다면

▼replace()를 정규식으로 사용하시면 됩니다.
아래 코드를 실행하면
1
"gocoder".replace(/o/gi,"x");
cs

▼사용법
replace(/대상문자열/gi, "x");

▼ 결과 값


이렇게 간단하게 replaceall을 구현 할 수 있습니다.
사실 replace 기능에 정규식을 담아 쓰는게 표준이긴 합니다.


마무리


replaceall 이 기본 함수가 아닌게 아쉽습니다.


댓글을 달아 주세요



크롬에서 PHP 디버깅 하기 

안녕하세요. 고코더입니다. 

자바스크립트에서 흔히 쓰는 console.log는 좋은 기능 입니다. 
브라우저에 있는 개발자 툴을 이용해 디버깅을 가능하게 하여서 
좀 더 빠르고 쉽게 개발을 가능하게 해줍니다. 

그런데 스크립트 언어에 자격으로 가능한 이 방식을 간단한 소스로
서버 언어에서 사용이 가능합니다. 방식은 아마 모든 언어가 해당 방식처럼 개발하면 사용이 가능합니다. 
우선 저는 PHP 버전을 만들어 봤습니다. 

말은 거창하지만 그냥 데이터를 받아 스크립트 언어에 담는 거 뿐입니다. 

▼ 소스는 아래와 같다. 자바스크립트 console.log로 데이터를 보내 확인 가능하게 하는 원리 입니다.

<?php
function Console_log($data){
    echo "<script>console.log( 'PHP_Console: " $data "' );</script>";
}

$testVal "테스트 데이터";
Console_log($testVal);
?>




▼생각보다 유용하고 쓸만하다.




추천 컨텐츠



console.log - 개발자도구 콘솔 창에 안보이게 하기

JetBrains - Storm 에서 크롬 디버깅 사용 / JetBrains IDE support

PHP - Deprecated 오류 란?

PHP - 오류 메세지 출력 / error_reporting

크롬 - 개발자 도구 다크테마(Dark theme)로 변경

사이트 -모바일 환경 홈페이지 반응성 테스트 / troy.labs.daum.net

크롬 - 인코딩 강제 설정 / 글자 깨짐 수정




마무리


크롬 디버깅 모드를 공부해보세요~


댓글을 달아 주세요