TESTERDEBUGGERFORMATTING
정규식 테스터 & 디버거
정규 표현식을 실시간으로 테스트하고, 매칭된 텍스트와 캡처 그룹을 직관적으로 시각화 및 디버깅합니다.
정규 표현식 (Regular Expression)
//
플래그:
자주 쓰는 패턴:
테스트 문자열 (Test Text)0 자 / 1 줄
매칭 미리보기 (Highlight Preview)0개 매칭됨
테스트 결과가 여기에 하이라이트 표시됩니다.
도구 설명 및 사용 방법
정규 표현식을 실시간으로 입력하고 다양한 테스트 대상 문자열에 적용해 보는 도구입니다. 정규식 파싱 오류에 대한 친절한 한국어 피드백과 함께 캡처 그룹 매칭 세부정보를 분석할 수 있습니다.
사용 단계
1
상단 정규 표현식 입력란에 정규식 패턴과 플래그(g, i, m 등)를 입력합니다.
2
필요시 "자주 쓰는 패턴" 버튼을 눌러 이메일, 전화번호, IP 주소 등의 프리셋을 로드합니다.
3
테스트 문자열 영역에 검증할 텍스트를 기입하면, 매칭되는 구간들이 하이라이트 표시됩니다.
4
하단의 "상세 매칭 목록" 표를 통해 매치 구간의 인덱스와 캡처된 그룹 정보를 개별 확인합니다.
작동 원리 및 상세 설명
Regex Tester는 자바스크립트 RegExp 코어 개체 및 텍스트 오프셋 탐색을 골자로 가동됩니다. 유입된 패턴 스트링과 플래그를 결합해 RegExp 개체를 로컬 빌드하고, matchAll 메서드를 사용해 매칭 결과를 추출합니다. 각 매치 구간의 픽셀 좌표 바인딩용 HTML 하이라이트 인덱스 요소를 조립하며, 캡처된 서브 그룹 배열 정보를 폼 테이블 형태로 가공해 도출합니다.
자주 묻는 질문 (FAQ)
글로벌 매칭(g)과 멀티라인(m) 플래그의 특징은 무엇인가요?
g(Global)는 첫 번째 매칭에 그치지 않고 전체 문장에서 모든 일치 지점을 찾아냅니다. m(Multiline)은 시작(^)과 끝($) 기호가 문장 전체가 아닌 각각의 행 단위 줄바꿈 기준으로 작동하게 만듭니다.
정규식 에러 발생 시 디버깅을 돕는 기능이 있나요?
정규식 문법에 맞지 않는 괄호 누락이나 오발령된 특수 기호 발생 시, 실시간 검증 엔진이 파싱 예외를 캐치해 텍스트 오류가 발생한 상세 위치와 원인 메시지를 출력해 줍니다.
코드 사용 예시
실무용 핵심 정규 표현식 패턴 프리셋 예시
text
이메일 검증 : ^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$
전화번호 검증: ^010-d{4}-d{4}$
IP 주소 검증 : ^(?:d{1,3}.){3}d{1,3}$입력 폼 데이터 무결성 검증 시 백엔드 및 프론트엔드 코드에 바로 삽입 가능한 필수 정규식들입니다.