소스 코드 문자열 이스케이프를 원시 패턴으로 붙여넣기
JavaScript 문자열 리터럴과 JSON 값은 RegExp 엔진에 도달하기 전에 백슬래시를 한 번 더 이스케이프합니다. 소스 코드의 따옴표 문자열을 그대로 붙이지 말고, 실제로 백슬래시 두 개를 찾는 경우가 아니라면 \s+ 같은 패턴 본문을 입력하세요.
Worker Timeout과 캡처 범위를 제공하는 JavaScript 정규식 테스터
텍스트브라우저에서 실행(업로드 없음)
범위가 제한된 JavaScript 정규표현식을 브라우저 전용 Worker에서 테스트합니다. g, i, m, s, u, y 동작에 따른 전체 일치, 번호·이름 캡처, 0길이 일치, 정확한 UTF-16 코드 단위 범위를 하이라이트와 함께 확인할 수 있습니다. 1초 Worker 종료와 명시적인 입력·결과 제한으로 복잡한 정규식이 페이지를 멈추거나 결과가 끝없이 늘어나는 일을 막습니다.
다음에 할 작업
관련 작업 흐름을 이어가거나 이 작업 다음에 자주 사용하는 도구를 열어보세요.
작업 가이드
레거시 오류를 옮기지 않고 HTML 조각을 React JSX로 변환하기
HTML-to-JSX 변환은 반복적인 구문 작업을 줄여 주지만 마이그레이션 품질은 그다음 과정에서 결정됩니다. 이 절차는 기존 동작을 기록하고, 하나의 일관된 조각만 변환하며, 브라우저가 정규화한 구조를 비교하고, 레거시 이벤트와 URL을 다시 설계합니다. 이어서 스타일과 에셋을 대상 프로젝트로 옮기고 lint, 타입, 접근성, 반응형, 보안 검증을 수행합니다. 생성 JSX는 정제되거나 완성된 컴포넌트가 아니라 검토할 소스로 취급합니다.
열기관련 도구개발자 변환 워크벤치 | 쿼리·CSS·이스케이프·진법·커밋 도구
진법, 쿼리, px/rem, 문자열 이스케이프, 커밋 메시지를 하나의 로컬 워크벤치에서 처리합니다.
열기관련 도구텍스트·코드·Unified Patch Diff 비교기
정확한 줄 hunk, 코드 포인트 강조, unified patch로 제한된 텍스트를 로컬 비교합니다.
열기관련 도구줄 번호 제거 | 코드·PDF 번호 안전하게 삭제
본문 숫자, 들여쓰기, 정확한 줄바꿈을 유지하면서 줄 시작 번호만 제거합니다.
열기이 도구 사용 방법
슬래시 구분자와 소스 코드 따옴표를 제외한 JavaScript RegExp 패턴 본문을 입력합니다.
재현하려는 런타임 동작에 필요한 g, i, m, s, u, y 플래그만 선택합니다.
범위 안의 테스트 텍스트를 입력·붙여넣기·드롭·불러오기 합니다. 패턴이 비어 있지 않다면 빈 테스트 문자열도 유효합니다.
명시적으로 테스트를 실행하고 필요하면 취소합니다. 전용 Worker는 1초가 지나면 자동 종료됩니다.
전체 일치 하이라이트, 0길이 표시, 반열린 UTF-16 범위, 번호·이름 캡처 값을 확인합니다.
현재 결과일 때만 보고서를 복사하거나 다운로드하고, 대상 런타임에서 대표 실패 입력과 긴 near-match를 다시 테스트합니다.
이 도구를 써야 할 때
로그 추출 패턴 디버깅
실제 여러 줄 블록에서 줄 앵커, 심각도 대안, 반복 일치, 이름 필드를 확인한 뒤 로그 파서를 수정합니다.
치환 전 캡처 그룹 검토
JavaScript replace callback이나 구조화 추출 코드에 넣기 전에 번호·이름 캡처 값과 범위를 확인합니다.
multiline 앵커와 dot 동작 테스트
복사한 스택 트레이스, 문서, 코드, 이슈 텍스트를 먼저 바꾸지 않고 m과 s의 차이를 비교합니다.
Unicode 민감 일치 확인
u가 astral 코드 포인트와 0길이 lookahead에 미치는 영향을 JavaScript UTF-16 오프셋과 함께 확인합니다.
비용이 큰 패턴 1차 점검
긴 실패 입력과 near-match를 종료 가능한 Worker에서 실행해 본격적인 런타임 부하 테스트 전에 명백한 backtracking 위험을 찾습니다.
흔한 실수
global, multiline, dot-all 동작을 혼동하기
m은 ^와 $가 줄 경계를 처리하는 방식만 바꿉니다. 점이 줄바꿈까지 포함하게 하는 것은 별도의 s 플래그이고, g는 여러 일치를 계속 찾게 할 뿐 멀티라인 앵커를 켜지 않습니다.
UTF-16 오프셋을 보이는 글자 위치로 해석하기
범위는 JavaScript String·RegExp API와 같은 반열린 UTF-16 코드 단위 오프셋입니다. 이모지는 코드 단위 두 개를 차지할 수 있고 보이는 글자 하나가 여러 코드 포인트로 구성될 수 있으므로 화면상 글자 번호와 같지 않습니다.
샘플 한 번의 성공을 성능 안전성 증명으로 보기
중첩된 모호한 수량자와 긴 실패 접미사는 catastrophic backtracking을 일으킬 수 있습니다. 이 도구는 1초 후 Worker를 종료하지만, 한 샘플이 성공했다고 서버·편집기·프로덕션 요청에서도 안전하다는 뜻은 아닙니다.
정규식 일치를 완전한 의미 검증으로 사용하기
정규식 일치는 문자열이 작성한 패턴에 맞는다는 사실만 보여 줍니다. 이메일의 실재 여부, 달력상 유효한 날짜, 안전한 URL, 강한 비밀번호를 증명하지 않으므로 패턴 선별 뒤에 파서와 도메인 검증을 사용해야 합니다.
예시
여러 줄 로그에서 이름 캡처 확인하기
global과 multiline을 함께 사용하면 ERROR와 WARN 줄 두 개가 잡힙니다. 각 일치에서 번호 캡처 3개가 나오고 level과 service는 이름 캡처로도 표시되며 INFO 줄은 제외됩니다.
입력
패턴: ^(?<level>ERROR|WARN)\s+\[(?<service>[^\]]+)\]\s+(.+)$
플래그: gm
텍스트:
ERROR [billing] Payment failed for order 1042
INFO [api] Request completed
WARN [search] Slow query detected출력
반환 일치: 2 | 번호 캡처: 6 | 이름 캡처: 4 | 0길이 일치: 00길이 Unicode lookahead 일치 검토하기
lookahead는 이모지 앞 위치를 소비하지 않고 일치시킵니다. u 플래그에서는 0길이 결과 뒤에 Unicode 코드 포인트 하나만큼 이동하므로 무한 반복이나 surrogate pair 내부 진입 없이 UTF-16 오프셋 0과 2가 나옵니다.
입력
패턴: (?=😀)
플래그: gu
텍스트: 😀😀출력
반환 일치: 2 | 범위: [0, 0), [2, 2) | 0길이 일치: 2범위가 제한된 native JavaScript 정규식 실행 방식
Worker는 선택한 g, i, m, s, u, y 플래그로 브라우저 native RegExp를 생성합니다. g는 exec() 반복, m은 ^와 $의 줄 경계, s는 점의 줄바꿈 포함, u는 코드 포인트 인식 동작, y는 lastIndex 위치에서 바로 이어지는 일치를 제어합니다.
신뢰할 수 없는 일치는 페이지 메인 스레드에서 실행하지 않습니다. 모듈 Worker가 제한 엔진을 불러오고 1,000 ms 안에 끝나지 않으면 페이지가 Worker를 종료합니다. Worker를 지원하지 않는 브라우저에서는 위험한 동기 fallback을 실행하지 않습니다.
브라우저가 지원하면 정확한 전체·캡처 범위를 얻기 위해 내부적으로 d 플래그를 추가합니다. 범위는 반열린 UTF-16 코드 단위이므로 코드 포인트나 grapheme 수가 달라도 testText.slice(start, end)로 같은 일치 구간을 재현할 수 있습니다.
global 0길이 결과는 텍스트를 소비하지 않아 lastIndex를 직접 전진시켜야 합니다. u가 꺼져 있으면 UTF-16 코드 단위 하나, 켜져 있으면 high surrogate와 뒤따르는 low surrogate 쌍을 함께 이동합니다.
패턴 16 KiB UTF-8, 테스트 텍스트 1 MiB UTF-8, 반환 일치 1,000개, 값별 500 코드 포인트, 전체 반환 미리보기 100,000 코드 포인트, 시각 하이라이트 50,000 UTF-16 코드 단위로 제한합니다. 값이 줄어도 정확한 범위는 유지됩니다.
입력과 일치 내용은 브라우저 메모리와 Worker 메시지 채널 안에 남습니다. 성공 분석은 선택 플래그, 입력 바이트, 반환 개수, 결과·미리보기 제한 도달 여부로 제한하며 원문 패턴과 텍스트는 제외합니다.
자주 묻는 질문
어떤 정규표현식 엔진을 사용하나요?
사용 중인 브라우저의 native JavaScript RegExp 엔진을 사용합니다. 따라서 lookbehind와 이름 캡처를 포함한 결과는 해당 브라우저가 구현한 ECMAScript 기능을 그대로 따릅니다.
어떤 JavaScript 플래그를 지원하나요?
global g, 대소문자 무시 i, multiline m, dot-all s, Unicode u, sticky y를 제공합니다. 브라우저가 지원하면 일치 범위를 얻기 위해 내부적으로 d 기능을 더하지만 어떤 텍스트가 일치하는지는 바꾸지 않습니다. Unicode Sets v는 이 화면에서 지원한다고 표시하지 않습니다.
일치와 캡처 인덱스는 무엇을 세나요?
모든 범위는 [시작, 끝) 형식의 UTF-16 코드 단위입니다. match.index, RegExp match indices, String.slice() 등 JavaScript 문자열 API와 같은 좌표계입니다.
global 0길이 일치는 어떻게 처리하나요?
0길이 식은 텍스트를 소비하지 않고 위치에 일치합니다. global 탐색은 각 결과 뒤에 직접 이동해야 하며, u가 켜진 경우 이 도구는 surrogate pair 전체를 건너뛰어 이모지 내부에서 반복하지 않습니다.
catastrophic backtracking이 페이지를 멈출 수 있나요?
RegExp 컴파일과 실행은 전용 Worker에서 이뤄집니다. 1초 안에 결과가 오지 않으면 페이지가 Worker를 종료하고 timeout을 표시합니다. UI 정지는 막지만 다른 입력과 실행 환경에서도 안전하다는 증명은 아닙니다.
입력과 결과 제한은 얼마인가요?
패턴은 UTF-8 16 KiB, 테스트 텍스트는 1 MiB까지입니다. 최대 1,000개 일치를 반환하며 각 일치·캡처 복사 미리보기는 500 코드 포인트, 전체 반환 미리보기는 100,000 코드 포인트, 시각 하이라이트는 처음 50,000 UTF-16 코드 단위까지입니다.
패턴이나 테스트 텍스트가 분석 서비스로 전송되나요?
패턴 실행과 파일 읽기는 브라우저와 Worker 안에서 처리합니다. 집계 분석에는 플래그, 바이트 수, 반환 개수, 제한 도달 여부만 기록할 수 있고 패턴·테스트 텍스트·일치값·캡처 내용은 포함하지 않습니다.
이 도구를 검증한 방법
관리 및 검수 SimpleWebUtils검토일
검증 방법: “복사한 로그에서 ERROR와 WARN 필드 추출” 확인에는 가이드 원본 데이터와 Worker Timeout과 캡처 범위를 제공하는 JavaScript 정규식 테스터의 “최소 플래그 기준선 만들기” 절차를 사용했습니다. 출력은 문서 결과와 일치해야 했습니다. 기록 전 경계 증거는 “단순화한 한 줄만 테스트하기”, “multiline 앵커 문제를 g로 해결하기” 항목별로 검토했습니다.
기대 결과: gm 패턴은 전체 일치 2개, 번호 capture 6개, 이름 capture 4개와 0길이 일치 0개를 반환했고 ERROR·WARN은 포함하되 INFO는 제외했습니다.
검증한 작업 가이드 열기관련 작업 가이드
도구를 열기 전에 자주 쓰는 작업 흐름과 예시를 확인하세요.
작업 가이드
레거시 오류를 옮기지 않고 HTML 조각을 React JSX로 변환하기
HTML-to-JSX 변환은 반복적인 구문 작업을 줄여 주지만 마이그레이션 품질은 그다음 과정에서 결정됩니다. 이 절차는 기존 동작을 기록하고, 하나의 일관된 조각만 변환하며, 브라우저가 정규화한 구조를 비교하고, 레거시 이벤트와 URL을 다시 설계합니다. 이어서 스타일과 에셋을 대상 프로젝트로 옮기고 lint, 타입, 접근성, 반응형, 보안 검증을 수행합니다. 생성 JSX는 정제되거나 완성된 컴포넌트가 아니라 검토할 소스로 취급합니다.
작업 가이드위험한 동작을 답습하지 않고 정적 HTML 뷰를 Pug로 옮기는 방법
HTML을 Pug로 변환하면 태그를 반복해서 다시 쓰는 수고는 줄지만, 신뢰할 수 있는 마이그레이션에는 원본 기준, 의존성 목록, 활성 코드 재설계, 명시적인 템플릿 locals, 대상 애플리케이션 테스트가 더 필요합니다. 이 절차는 하나의 완결된 뷰를 변환하고 브라우저 보정과 보존된 이벤트 및 URL을 검토하고 페이지 의존성을 옮긴 뒤, 애플리케이션에 필요한 Pug 로직만 추가하고 문법이 파싱된다는 이유가 아니라 실제 컴파일된 HTML로 결과를 검증합니다.
작업 가이드실제 여러 줄 텍스트에서 JavaScript 정규식 테스트하기
여러 줄 정규식 검토에는 원래 줄 구조, 확인된 패턴 표현, 의도적인 플래그, 정확한 일치·캡처 범위, 실패하는 near-match가 필요합니다. native 식을 격리 Worker에서 실행하고 오프셋을 UTF-16으로 해석한 뒤, 치환이나 배포 전에 대상 런타임에서 최종 패턴을 다시 검증합니다.
작업 가이드raw 패턴과 문자열 사이의 JavaScript 정규식 이스케이프 고치기
정규식 이스케이프에는 층이 있습니다. 먼저 출처 표현을 식별하고 그 층만 디코딩한 뒤 의도한 raw 패턴 본문을 정확한 허용·거부 텍스트로 테스트합니다. 검증된 본문을 대상 JavaScript·JSON·설정 형식에 한 번만 다시 인코딩해 시행착오로 백슬래시를 더하지 않습니다.
작업 가이드실제 숫자를 지우지 않고 복사한 텍스트의 줄 번호 제거
코드 뷰어, PDF, 회의록, 법률 문서, 내보낸 노트가 복사한 각 줄 앞에 번호를 붙였을 때 사용하는 절차입니다. 원본을 보관하고 기호 번호와 모호한 일반 정수를 구분하며 정리 근거를 비교한 뒤 재사용합니다.
작업 가이드스택 트레이스에서 복사된 gutter 줄 번호 제거
IDE, PDF, 문서 뷰어가 스택 트레이스 모든 줄 앞에 일반 정수를 복사했을 때 명시적인 일반 숫자 gutter 형식을 사용합니다. 원본과 비교하고 진단 값을 유지하며 비밀값을 가린 뒤 공유합니다.
작업 가이드목록·로그·복사한 텍스트를 반복 가능한 파이프라인으로 정리하기
텍스트 정리는 명시적이고 되돌릴 수 있는 변환을 순서대로 적용할 때 가장 안전합니다. 원본을 보존하고 줄·구분자 경계를 확인한 뒤 한 번에 하나의 구조 변경만 실행하세요. 검토한 결과만 다음 단계 입력으로 넘기고 게시·가져오기·공유 전에 최종 텍스트를 실제 대상의 계약과 비교합니다.
작업 가이드정규식 캡처와 경계로 텍스트를 안전하게 치환하기
안전한 일괄 치환은 원본과 가장 좁은 일치 규칙에서 시작합니다. 패턴을 따로 검증하고 모든 플래그와 달러 토큰을 명시하며 경계·0길이 진단과 정확한 diff를 확인한 뒤 대상 시스템에서 다시 테스트합니다.
관련 도구
관리 중인 다른 작업 흐름을 이어서 사용해 보세요
개발자 변환 워크벤치 | 쿼리·CSS·이스케이프·진법·커밋 도구
진법, 쿼리, px/rem, 문자열 이스케이프, 커밋 메시지를 하나의 로컬 워크벤치에서 처리합니다.
변환
텍스트·코드·Unified Patch Diff 비교기
정확한 줄 hunk, 코드 포인트 강조, unified patch로 제한된 텍스트를 로컬 비교합니다.
텍스트
줄 번호 제거 | 코드·PDF 번호 안전하게 삭제
본문 숫자, 들여쓰기, 정확한 줄바꿈을 유지하면서 줄 시작 번호만 제거합니다.
텍스트
텍스트 정리 워크벤치 | 목록, 로그, 문단 정리
한 작업공간에서 줄 번호, 필터, 정렬, 분할, 병합, 공백 정리, 줄바꿈을 순서대로 처리합니다.
텍스트
텍스트 찾기 및 바꾸기 | 리터럴·정규식 치환
Unicode 경계, 캡처 토큰, 정확한 수치, Worker 제한으로 리터럴 또는 정규식 일치를 바꿉니다.
텍스트