텍스트 · 2026년 6월 19일 · 읽는 시간 5분

정규식 짜다가 IDE 켜고 끄는 게 귀찮아서 만든 테스터

👉 정규식 테스터 바로 가기

정규식 하나 검증하려고 프로젝트 실행해서 console.log 찍어보는 게 너무 번거로웠음.

언제 필요한지

개발하다 보면 이런 상황들이 생긴다:

  • 이메일 유효성 검사 패턴 → 진짜 제대로 걸러내는지 확인
  • 전화번호 형식 통일 → 010-xxxx-xxxx, 01012345678 둘 다 잡아야 할 때
  • URL 파싱 → 쿼리스트링만 뽑아내거나 도메인 추출
  • 로그 파싱 → 에러 로그에서 타임스탬프, 레벨, 메시지 분리
  • 날짜 형식 검증 → YYYY-MM-DD, DD/MM/YYYY 여러 형식 대응
  • 특수문자 필터링 → 사용자 입력에서 허용할 문자 범위 정의
  • 문자열 치환 → 특정 패턴 찾아서 다른 형태로 변환
  • CSV 파싱 → 쉼표 구분인데 따옴표 안에 쉼표가 있는 경우

정규식은 한 번 쓰고 마는 게 아니라 계속 수정하면서 완성하는 과정인데, 그 과정에서 매번 실행 환경이 필요한 게 불편했다.

기존 방법의 문제

  • IDE에서 console.log 찍기 → 매번 저장하고 실행해야 함, 흐름이 끊김
  • 브라우저 개발자 도구 콘솔 → 가능하긴 한데 매번 열어야 하고 깔끔하지 않음
  • 온라인 도구 찾아서 쓰기 → 광고 많거나, 느리거나, 원하는 기능이 없음
  • 스택오버플로우 복붙 → 패턴이 내 케이스에 정확히 맞는지 검증 안 됨
  • regex101.com → 좋긴 한데 뭔가 복잡해 보여서 처음엔 당황함

결국 원하는 건 간단하다. 패턴 넣고 테스트 문자열 넣으면 매칭 결과 바로 보이는 것. 그게 전부인데 주변에 딱 맞는 게 없었음.

그래서 직접 만들었음

패턴이랑 텍스트 넣으면 실시간으로 매칭 결과가 나온다.

주요 기능:

  • 실시간 매칭 하이라이트 → 타이핑할 때마다 매칭 위치가 색으로 표시됨
  • 플래그 설정 → g (전체), i (대소문자 무시), m (멀티라인), s (dotAll) 선택
  • 매칭 결과 상세 보기 → 몇 번째 매칭인지, 인덱스, 캡처 그룹 전부 표시
  • 그룹 캡처 확인 → 괄호로 묶은 그룹별 결과 따로 표시
  • 치환(Replace) 기능 → 패턴 매칭 후 어떻게 바뀌는지 미리 확인
  • 패턴 에러 표시 → 잘못된 정규식이면 에러 메시지 바로 표시

자주 쓰는 패턴 템플릿:

  • 이메일 패턴 → 클릭 한 번으로 삽입
  • URL 패턴
  • 전화번호 패턴 (한국)
  • 날짜 형식 패턴
  • 숫자만, 영문만, 한글만 등 기본 패턴들

실제로 써보니

좋은 점:

  • 실시간 하이라이트가 핵심 → 패턴 수정하면서 즉시 결과 확인
  • 캡처 그룹 결과가 잘 보임 → 그룹 1, 그룹 2 별로 무엇이 잡혔는지 명확
  • 에러 메시지가 즉시 → 괄호 빠뜨리거나 하면 바로 알 수 있음
  • 플래그 토글이 직관적 → 체크박스로 켜고 끄면서 차이 비교
  • 치환 결과 미리보기 → replace 로직 짜기 전에 검증 가능

한계:

  • 패턴 저장 기능 없음 → 자주 쓰는 패턴은 따로 메모해야 함
  • 언어별 정규식 차이 없음 → Python의 re, Java Pattern 등 언어별 차이는 직접 확인해야 함
  • 복잡한 lookahead/lookbehind 설명 없음 → 패턴 설명은 없고 결과만 나옴

정규식 자주 쓰는 패턴 정리

기억해두면 편한 기본 패턴들:

문자 클래스

  • \d → 숫자 (0-9)
  • \w → 영문자+숫자+언더스코어
  • \s → 공백 문자 (스페이스, 탭, 줄바꿈)
  • [가-힣] → 한글 문자
  • [a-zA-Z] → 영문자

수량자

  • + → 1개 이상
  • * → 0개 이상
  • ? → 0개 또는 1개 (선택)
  • {3} → 정확히 3개
  • {2,4} → 2~4개

앵커

  • ^ → 문자열 시작
  • $ → 문자열 끝
  • \b → 단어 경계

자주 쓰는 완성 패턴

  • 이메일: [a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}
  • 한국 전화: 01[016789]-?\d{3,4}-?\d{4}
  • 날짜 (YYYY-MM-DD): \d{4}-\d{2}-\d{2}
  • 숫자만: ^\d+$
  • 영문+숫자만: ^[a-zA-Z0-9]+$

이것들도 직접 붙여넣고 테스트해보면 이해가 빠르다.

이런 상황에서 특히 편함

  • 코드 리뷰 중에 정규식 검증 → 리뷰어 입장에서 빠르게 테스트
  • 스택오버플로우 패턴 복사 후 → 내 데이터에 맞는지 확인
  • API 응답에서 특정 값 추출 → 어떤 패턴으로 잡을지 시험해보기
  • 정규식 처음 배우는 중 → 직접 쳐보면서 동작 확인
  • 로그 파일 분석 → grep 패턴 짜기 전에 먼저 검증

사용법

  1. 정규식 패턴 입력 (슬래시 없이 패턴만)
  2. 플래그 선택 (g, i, m 등)
  3. 테스트할 텍스트 입력
  4. 매칭 결과 실시간으로 확인
  5. 치환 탭으로 이동하면 replace 결과도 확인 가능

IDE 켤 필요 없다.

써보기

👉 정규식 테스터 바로 가기

정규식 짜는 작업 있으면 탭 하나 열어두고 실시간으로 확인하면서 작업하면 훨씬 편하다.

#정규식테스터 #정규표현식 #regex #개발도구 #실시간정규식검증

← 블로그 목록으로

광고