본문으로 건너뛰기
yutils
사용법 / 자주 묻는 질문

이런 경우 사용하세요

  • 정규식 학습 — alternation·quantifier·group 이 어떻게 흘러가는지 그림으로 이해
  • 복잡한 패턴 검증 — 이메일·전화·URL regex 의 분기 누락 여부를 시각적으로 점검
  • 코드 리뷰·문서화 — README 나 ADR 에 SVG 다이어그램을 박아 패턴 의도 공유
  • 디버깅 — 매치 안 되는 케이스가 어느 분기에서 막히는지 한눈에 추적
  • 팀 공유 — 정규식만 던지지 않고 다이어그램을 함께 첨부해 리뷰 속도 향상

자주 묻는 질문

Q.어떤 정규식 문법을 지원하나요?
A.JavaScript RegExp 기준 — sequence·alternation `|`·group `()` `(?:)` `(?<name>)`·character class `[...]`·quantifier `* + ? {n,m}`·anchor `^ $ \b`·escape class `\d \w \s` 그리고 `\xHH \uHHHH \u{...}` `\p{...}` `\1` 백레퍼런스까지 다이어그램으로 그립니다.
Q.lookahead / lookbehind 같은 복잡한 어셔션도 그려지나요?
A.`(?=...)` `(?!...)` `(?<=...)` `(?<!...)` 는 "Lookahead" / "Neg Lookbehind" 라벨이 붙은 그룹 박스로 표시됩니다. 어셔션이 매치 위치만 검사하고 문자를 소비하지 않는 동작 자체는 시각화되지 않으니, 동작 검증은 짝 도구 정규식 테스터로 함께 확인하세요.
Q.PNG 다운로드도 되나요?
A.현재는 SVG 만 제공합니다. SVG 는 벡터라 README·블로그·슬라이드 어디에 박아도 깨지지 않고, 필요하면 브라우저나 ImageMagick 으로 PNG 변환이 한 줄. 수요가 모이면 도구 내 PNG 변환을 추가할 예정.
재미있는 사실
  • 정규식이 "규칙적 언어(regular language)" 라 불리는 이유는 1956 년 Noam Chomsky 가 형식 언어 위계의 **Type-3** 로 분류했기 때문입니다. 위계에서 가장 단순한 등급 — 유한 상태 오토마타로 인식 가능한 것. railroad 다이어그램이 분기와 루프만으로 패턴을 그릴 수 있는 이유가 바로 이 finite-state 성질에서 옵니다.

    Wikipedia — Chomsky hierarchy
  • railroad·syntax 다이어그램의 현대적 형태는 1973 년 Niklaus Wirth 가 Pascal User Manual 에서 EBNF 대신 시각적 문법 표기로 대중화했습니다. 좌→우 흐름 + 분기 + 루프 백패스라는 컨벤션이 이때 자리잡았고, 지금도 SQL·JSON·정규식 문법 문서에 같은 표기가 쓰입니다.

    Wikipedia — Syntax diagram
  • Kleene 의 수학적 정의가 소프트웨어에 처음 들어온 건 1968 년 Ken Thompson 의 QED 에디터입니다. 그 다음 ed → grep 으로 이어지며 정규식이 Unix 의 공용어가 됐는데, grep 의 g/re/p 가 곧 "전역 정규식 검색 후 출력" 의 약자.

    Wikipedia — Regular expression