정규식 테스터
실시간 일치 하이라이트와 캡처 그룹 확인
일치 3개
Contact: ada@example.com and grace@navy.mil Backup: alan@bletchley.uk Not an email: hello world
ada@example.com위치 9$1: ada $2: example.com
grace@navy.mil위치 29$1: grace $2: navy.mil
alan@bletchley.uk위치 52$1: alan $2: bletchley.uk
모든 처리는 브라우저에서 이루어집니다. 데이터는 기기를 벗어나지 않습니다.
관련 도구
사용 방법
브라우저의 RegExp 엔진을 그대로 사용하므로 동작이 실제 JavaScript 실행 결과와 정확히 일치합니다. 여기서 테스트한 것과 배포하는 것 사이에 방언 차이가 없습니다.
패턴 작성
앞뒤 슬래시 없이 패턴만 입력하세요. 슬래시는 방향을 잡기 위해 입력란 옆에 표시됩니다. 잘못된 패턴은 엔진의 원래 오류 메시지를 보여줍니다.
플래그 전환
global은 첫 번째가 아니라 모든 일치를 찾으며 테스트 중에는 대개 이것이 필요합니다. 각 플래그마다 설명이 붙어 있습니다.
하이라이트 확인
일치 항목이 테스트 문자열 안에서 바로 하이라이트되므로, 떨어져 있는 목록이 아니라 문맥 속에서 의도한 일치와 의도치 않은 일치를 볼 수 있습니다.
캡처 그룹 확인
각 일치마다 번호 그룹이 $1, $2 형태로, 이름 있는 그룹은 이름과 함께 표시됩니다. 치환 코드를 작성하기 전에 그룹이 의도대로 잡히는지 확인하는 가장 빠른 방법입니다.
예시
이메일 구성 요소 추출
패턴 (\w+)@(\w+\.\w+)에 global 플래그를 켜면 ada@example.com이 일치하며 $1로 "ada", $2로 "example.com"이 잡힙니다. 코드에 쓰기 전에 분리 결과를 확인할 수 있습니다.
global 플래그가 모든 것을 바꾸는 이유
g가 없으면 아무리 많은 일치가 있어도 첫 번째만 반환됩니다. 테스터에서는 잘 되던 패턴이 실서비스에서는 항목 하나만 처리하는 상황이 여기서 나옵니다.
도구 소개
JavaScript 정규식을 예제 텍스트에 적용해 일치 항목을 그 자리에서 하이라이트합니다. 모든 일치 항목이 위치와 캡처 그룹, 이름 있는 그룹과 함께 나열됩니다. 플래그는 개별로 켜고 끌 수 있으며 각각의 역할이 설명되므로 외울 필요 없이 동작을 눈으로 확인할 수 있습니다.