정규식 테스터 완벽 가이드
정규식(정규표현식, Regular Expression)은 문자열에서 특정 패턴을 찾거나 검증할 때 사용하는 강력한 도구입니다. 이메일 형식 검증, 전화번호 추출, URL 파싱, 텍스트 치환 등 개발 업무 전반에서 정규식이 활용되지만, 처음 작성한 패턴이 의도한 대로 동작하는지 눈으로 바로 확인하기는 쉽지 않습니다. 이 정규식 테스터는 패턴과 테스트 문자열을 입력하는 즉시 매칭 결과를 원문 위에 하이라이트로 보여주고, 캡처 그룹별 값과 치환(replace) 결과까지 실시간으로 확인할 수 있도록 만들어졌습니다.
사용 방법은 간단합니다. 먼저 패턴 입력란에 자바스크립트 정규식 문법으로 패턴을 작성합니다. 슬래시(/pattern/flags) 없이 패턴 본문만 입력하면 됩니다. 다음으로 g(전체 검색), i(대소문자 무시), m(여러 줄 모드), s(dotAll, 점이 줄바꿈도 포함), u(유니코드 모드) 플래그 중 필요한 것을 체크합니다. 이후 테스트 문자열을 입력하면 내부적으로 new RegExp(pattern, flags)로 정규식을 컴파일하고 matchAll() 함수를 사용해 모든 매치와 캡처 그룹을 추출합니다. 문법 오류가 있는 패턴을 입력하면 자바스크립트 엔진이 발생시키는 오류 메시지를 그대로 화면에 표시하여 어디가 잘못되었는지 바로 알 수 있습니다.
매칭된 부분은 원문 미리보기 영역에 노란색 배경으로 하이라이트되어 한눈에 위치를 파악할 수 있습니다. 매치 상세 목록에서는 각 매치의 전체 문자열과 함께 괄호로 감싼 캡처 그룹(그룹1, 그룹2...)의 값을 개별적으로 확인할 수 있어, 복잡한 패턴에서 원하는 부분만 추출했는지 검증하기 좋습니다. 치환 문자열란에 $1, $2와 같은 그룹 참조 문법을 입력하면 replace() 함수를 이용한 치환 결과 미리보기도 즉시 계산되어, 실제 코드에 적용하기 전에 결과를 먼저 검증할 수 있습니다.
자주 쓰는 패턴은 상단의 프리셋 버튼(이메일, 전화번호, URL, 숫자, 한글)을 눌러 바로 불러올 수 있어 매번 패턴을 처음부터 작성할 필요가 없습니다. 입력한 패턴과 문자열은 브라우저의 localStorage에 자동 저장되어 페이지를 새로고침하거나 나중에 다시 방문해도 이전 작업 내용이 그대로 복원됩니다. 모든 계산은 브라우저 안에서만 이루어지며 입력한 데이터가 서버로 전송되지 않으므로 민감한 정보가 포함된 문자열도 안심하고 테스트할 수 있습니다.
자주 묻는 질문 (FAQ)
Q. 정규식에 슬래시(/)를 포함해서 입력해야 하나요?
A. 아니요. 이 도구는 패턴 본문만 입력하면 됩니다. 예를 들어 자바스크립트에서 /\d+/g 형태로 쓰는 정규식이라면 패턴 입력란에는 \d+만 입력하고, 플래그는 별도의 체크박스에서 g를 선택하면 됩니다.
Q. 패턴에 오류가 있으면 어떻게 알 수 있나요?
A. 잘못된 정규식을 입력하면 패턴 입력란 아래에 빨간색 오류 상자가 나타나며, 자바스크립트 엔진이 반환하는 실제 오류 메시지(예: 괄호 짝이 맞지 않음, 잘못된 이스케이프 문자 등)를 그대로 보여줍니다. 오류 메시지를 참고해 패턴을 수정하면 됩니다.
Q. 치환 결과에서 $1, $2는 어떻게 사용하나요?
A. 정규식 패턴에서 괄호 ()로 감싼 부분이 캡처 그룹이 됩니다. 예를 들어 패턴이 (\d{3})-(\d{4})이고 치환 문자열에 $2-$1을 입력하면 첫 번째와 두 번째 캡처 그룹의 순서를 바꿔서 치환됩니다. 그룹이 없는 패턴에서는 $1, $2가 그대로 문자로 표시되니 참고하세요.