무료 정규식 테스터 — 패턴을 웹에서 디버그하고 일치 확인하기

정규식 테스터란 무엇인가요?

// The pattern you build in this tester drops straight into JavaScript.
// Example: extract every ISO date from a string with named groups.

const pattern = /(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/g;
const text = 'shipped 2026-05-21, scheduled 2026-06-30';

for (const m of text.matchAll(pattern)) {
  console.log(m.groups.year, m.groups.month, m.groups.day);
  // → 2026 05 21
  // → 2026 06 30
}

// Same regex, used in a replace with $<name> templates:
text.replace(pattern, '$<day>/$<month>/$<year>');
// → 'shipped 21/05/2026, scheduled 30/06/2026'

// With the /d flag, every match carries [start, end] indices
// per capture group — the Matches panel uses this to paint offsets.
const p2 = /(?<year>\d{4})-(?<month>\d{2})/gd;
const m = [...text.matchAll(p2)][0];
m.indices.groups.year; // [8, 12]

주요 기능

실전 예시

[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}

/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}/g

(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})

/(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})/g

(\w+) (\w+)

치환 템플릿: $2, $1   →   Jack Doe → Doe, Jack

[ \t]+$

/[ \t]+$/gm

(a+)+b

테스트 텍스트: aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaac

[,;|]\s*

alpha, beta; gamma | delta → ["alpha", "beta", "gamma", "delta"]

정규식 테스터 사용 방법

1. 1

   슬래시 사이에 패턴을 입력하십시오

   ECMA-262 정규 표현식을 /…/ 입력란에 넣으십시오. 잘못된 패턴은 파서 메시지와 함께 빨간색으로 강조됩니다. 유효한 패턴은 실시간 일치로 이어집니다.

2. 2

   필요한 플래그를 토글하십시오

   g (전역), i (대소문자 무시), m (다중 행), s (dotAll), u (유니코드), y (sticky), d (인덱스). 각 칩은 켜져 있을 때 빛납니다. 패턴 우측의 표시 영역에 정규 형식의 리터럴이 보입니다.

3. 3

   테스트 텍스트를 붙여넣으십시오

   입력하는 동안 일치가 교차 색상으로 강조됩니다. 우측의 일치 결과 & 캡처 그룹 패널은 모든 일치를 [start, end) 오프셋과 함께 나열하고 각 캡처 그룹의 값(이름 있는 그룹은 $<name>으로 라벨)을 보여 줍니다.

4. 4

   치환, 분할, 설명을 위해 탭을 전환하십시오

   치환은 입력 옆에 치환 템플릿을 미리 봅니다. 분할은 모든 일치 경계에서 텍스트를 잘라냅니다. 설명은 패턴을 토큰 단위로 분해해 요소마다 평이한 한국어 설명을 제공합니다.

5. 5

   리터럴을 복사하거나 영구 링크를 공유하십시오

   /pattern/flags 복사는 JavaScript / TypeScript / Node에서 그대로 사용할 수 있는 정규 형식의 정규식 리터럴을 클립보드로 옮깁니다. 링크 복사는 전체 상태를 URL 해시(업로드 없음)에 인코딩하므로 동료가 로컬에서 그대로 재현할 수 있습니다.

흔한 정규식 실수

패턴: /\d+/  →  '1 22 333'은 ['1']만 반환

패턴: /\d+/g  →  '1 22 333'은 ['1', '22', '333'] 반환

패턴: /<.+>/  →  '<a> and <b>'에 일치

패턴: /<[^>]+>/  →  '<a>'와 '<b>'에 각각 일치

패턴: /(a+)+b/  적용: 'aaaaaaaaaaaaaaaaaaaaac'  →  타임아웃

패턴: /a+b/  같은 입력  →  즉시 '일치 없음'

패턴: /^Error/  /m 없이 다중 행 로그에 적용  →  첫 줄만 일치

패턴: /^Error/m  같은 입력  →  Error로 시작하는 모든 줄에 일치

text.replace(/(\w+)/, m => '$1')  →  리터럴 '$1' 반환

text.replace(/(\w+)/, (_, g1) => g1.toUpperCase())  →  캡처를 사용

패턴: /\w+/  'hello'에 일치하지만 'héllo'나 '안녕'에는 일치하지 않음

패턴: /\p{Letter}+/u  세 가지 모두에 일치

패턴: (?i)foo  →  SyntaxError: invalid group

패턴: foo에 /i 플래그를 켠 상태  →  같은 효과

이 도구를 사용하는 사람들

출시 전에 폼 입력 검증

이메일 / 전화 / 우편번호 / 사용자명 정규식이 기대한 값에 일치하고 그렇지 않은 값을 거부하는지 — 엣지 케이스(유니코드 이름, 플러스 별칭, 국제 형식)까지 — 검증이 프로덕션에 도달해 실제 사용자를 튕겨내기 전에 확인하십시오.

로그와 설정에서 데이터 추출

임의의 로그 슬라이스에서 요청 ID, 상태 코드, 지연 시간, 스택 트레이스 줄을 뽑아내는 패턴을 만드십시오. 이름 있는 그룹이 데이터를 자기 문서화로 만들고, 일치 결과 패널이 오프셋을 보여 주므로, 이후 동일한 정규식을 rg --replace나 grep -oE로 흘려보낼 수 있습니다.

코드베이스 전반의 찾아 치환

리팩토링 패턴 초안(예: (\w+)\.apply\(null,\s*\[(.*?)\]\) → $1($2))을 여기서 작성하고, 대표 스니펫에 대한 치환을 미리 본 뒤, 검증된 정규식을 편집기의 프로젝트 전역 찾아 바꾸기에 자신감을 가지고 붙여넣으십시오.

온라인에서 찾은 패턴 점검

StackOverflow나 블로그에서 가져온 정규식을 설명 탭에 넣으십시오. 모든 토큰에 평이한 한국어 주석이 붙습니다. .+를 원했는데 .+?로 쓰여 있거나, ^/$ 앵커가 빠졌거나, 의도치 않게 탐욕적인 수량자처럼 미묘한 문제를 정규식이 코드에 들어가기 전에 잡아냅니다.

팀원에게 정규식 가르치기

동작하는 패턴에 설명 탭을 열고 토큰 단위로 함께 살펴보십시오. 색상 코딩(이스케이프 / 수량자 / 문자 클래스 / 그룹 / 앵커 / 대체)으로 학습자는 문자 자체가 아니라 정규식의 구조적 형태를 볼 수 있습니다.

언어 간 패턴 이식

JavaScript에서 사용해야 할 Python이나 PCRE 정규식이 있나요? 여기에 붙여넣으십시오. 파싱되면 설명기가 JS에서 동등한 의미를 보여 주고, 파싱되지 않으면 파서 오류가 문제의 구성 요소(원자 그룹, 소유 수량자, 인라인 (?i))를 짚어 주어 무엇을 다시 작성해야 하는지 정확히 알 수 있습니다.

느린 프로덕션 정규식 디버그

서버 정규식에 치명적 백트래킹이 의심된다면 입력 샘플과 함께 본 테스터에 붙여넣으십시오. 250ms 벽시계 가드가 병적 사례에서 발동하여 프로파일러 도구에 손을 뻗기 전에 즉각적인 진단을 제공하고, 설명기는 중첩 수량자 근본 원인을 가리킵니다.

엔진 & 알고리즘 노트

ECMA-262 RegExp 엔진(네이티브 브라우저)

new RegExp(pattern, flags)와 V8 / JavaScriptCore / SpiderMonkey에 탑재된 엔진을 사용합니다. JavaScript 어디서나 얻는 정규식 의미와 동일합니다. 여기서 검증된 패턴은 Node.js, Deno, Bun, 모든 최신 브라우저에서 변경 없이 동작합니다.

String.matchAll을 통한 일치 순회

전역 순회는 수동 lastIndex 루프가 아니라 text.matchAll(regex)를 사용하므로, 모든 일치가 캡처 그룹, 이름 있는 그룹, /d와 함께 [start, end] 인덱스를 모두 포함합니다. 너비 0 일치는 무한 루프를 피하기 위해 표준 +1 lastIndex 진행으로 처리됩니다.

ReDoS 보호를 위한 벽시계 타임아웃

250밀리초 예산이 모든 일치, 치환, 분할 호출을 감쌉니다. 엔진은 단일 일치 시도 내에서는 여전히 내부적으로 백트래킹할 수 있지만, 외부 순회는 예산과 협력합니다. 병적 패턴은 timedOut: true로 중단되고 UI가 탭을 잠그는 대신 경고를 표면화합니다.

치환 템플릿 재구현

치환 탭은 $1..$N, $&, $, $', $$, $<name>을 String.replace`에 위임하지 않고 직접 파싱하므로, 이름 있는 그룹 템플릿에 엣지 케이스가 있는 엔진(구형 Safari, 구형 Node)에서도 미리보기가 동일하게 동작합니다. 출력은 현재 JavaScript 엔진이 만들어 내는 결과와 정확히 같습니다.

설명기를 위한 패턴 토크나이저

설명 탭은 직접 작성한 토크나이저를 실행해 각 패턴 조각을 분류합니다(이스케이프 / 메타 문자 / 수량자 / 문자 클래스 / 그룹-열기 / 그룹-닫기 / 앵커 / 대체). 익숙하지 않은 구성 요소는 일반 주석과 함께 literal로 떨어지므로 설명기가 콘텐츠를 조용히 빠뜨리는 일이 없습니다.

URL 해시를 통한 영구 링크(전송되지 않음)

공유 상태는 location.hash 프래그먼트(#p=…&f=…&t=…&tab=…)에 인코딩됩니다. 브라우저는 프래그먼트를 HTTP 요청에 담아 전송하지 않으므로, 영구 링크가 열리더라도 go-tools.org 서버는 데이터를 한 건도 받지 않습니다. 복원은 전적으로 수신자의 기기에서 이루어집니다.

정규식 모범 사례

의도할 때만 패턴을 고정하라

^pattern$은 정확한 문자열에 일치하고, pattern은 어디서든 일치합니다. 잘못된 선택은 폼 검증에서 가장 흔한 버그입니다. ^가 빠지면 선두의 attacker.com/이 도메인 검사를 통과해 슬쩍 들어옵니다. $가 빠지면 후행 쓰레기가 통과합니다. 일부러 깨뜨린 샘플에 대해 일치 탭을 사용해 무엇이 거부되는지 확인하십시오.

순수 구조에는 비캡처 그룹을 선호하라

(?:foo|bar)+와 (foo|bar)+는 기능상 동일하지만, 앞쪽은 캡처 그룹을 할당하지 않습니다. 그룹이 수량자나 대체를 위해서만 존재한다면 (?:…)에 손을 뻗으십시오. 번호 기반 $1..$N이 안정적으로 유지되고 엔진의 일도 약간 줄어듭니다.

ASCII 이상에는 /u 플래그를 사용하라

/u 없이 점과 \w는 서러게이트 페어 문자(이모지, 비BMP 코드 포인트)를 두 개의 UTF-16 단위로 처리합니다. /u가 있으면 각 한 개의 코드 포인트입니다. 사용자가 인식하는 방식 그대로입니다. /u는 \p{Letter}와 다른 속성 이스케이프도 활성화합니다. 특별한 이유가 없다면 새 패턴에는 기본으로 /u를 사용하십시오.

캡처 그룹에 이름을 붙이라

(?<year>\d{4})-(?<month>\d{2})는 자기 문서화입니다. 6개월 뒤 정규식을 다시 읽었을 때 m.groups.year는 명백히 연도이지만 m[1]은 그렇지 않습니다. $<name>으로 작성한 치환 템플릿은 그룹 순서 변경에서도 살아남습니다. 위치 기반 템플릿은 누군가 그룹을 하나 추가하는 순간 깨집니다.

성공뿐 아니라 실패 사례도 테스트하라

정규식 테스터는 실패를 위한 도구입니다. 패턴이 일치하는 것을 확인한 뒤, 테스트 텍스트를 의도적으로 변형해 일치하지 않는 것이 무엇인지 보십시오. 선행 공백, 후행 공백, 누락된 부분, 추가된 부분, 잘못된 대소문자, 혼합 문자 체계입니다. 유효한 입력은 통과시키지만 쓰레기도 받아들이는 패턴이 프로덕션이 가장 먼저 노출하는 버그입니다.

자주 묻는 질문