Question 1

정규식 시각화는 어떻게 동작하나요?

Accepted Answer

입력한 정규식을 토큰 트리로 파싱한 뒤 railroad(철도) 다이어그램 SVG 로 그리고, 각 토큰의 의미를 한국어로 설명합니다. 동시에 테스트 문자열에서 매칭되는 부분을 실시간으로 하이라이트합니다. 모든 처리는 브라우저 안에서만 이뤄집니다.

Question 2

railroad 다이어그램이 무엇인가요?

Accepted Answer

정규식의 흐름을 왼쪽에서 오른쪽으로 이어지는 철로 모양으로 표현한 그림입니다. 분기(|)는 갈라지는 선, 반복(*, +)은 되돌아오는 고리로 그려져 복잡한 패턴 구조를 한눈에 파악할 수 있습니다.

Question 3

입력한 정규식이 서버로 전송되나요?

Accepted Answer

아니요. 정규식·테스트 문자열은 서버로 전송되지 않고 100% 브라우저에서만 처리됩니다. 입력값은 로컬 저장소와 공유 링크 토큰에만 보관됩니다.

Question 4

ReDoS(정규식 폭발) 위험은 어떻게 막나요?

Accepted Answer

(a+)+ 처럼 중첩된 무한 반복은 치명적 백트래킹을 일으킬 수 있어 실시간 테스트 실행을 자동으로 건너뜁니다. 또한 입력 길이와 매칭 수에 상한을 두어 브라우저가 멈추지 않도록 보호합니다.

Question 5

어떤 정규식 문법을 지원하나요?

Accepted Answer

문자클래스([a-z], [^0-9]), 수량자(*, +, ?, {n,m}, lazy ?), 그룹(캡처·비캡처·이름·전/후방탐색), 앵커(^, $, \b), 대안(|), 단축표기(\d, \w, \s), 역참조 등 자바스크립트 정규식 문법을 따릅니다.

Question 6

결과를 저장하거나 공유할 수 있나요?

Accepted Answer

다이어그램은 SVG 파일로 내려받을 수 있고, "링크 복사" 버튼으로 현재 정규식·플래그·테스트 문자열이 담긴 공유 링크를 만들 수 있습니다. 링크로 접속하면 같은 상태가 자동으로 복원됩니다.

#	전체 매칭	캡처 그룹
1	2026-06-20	2026 \| 06 \| 20
2	2026-12-31	2026 \| 12 \| 31

정규식 시각화 (한국어)

🚦 railroad 다이어그램