가이드

Regex 실전 패턴

폼 검증, 라우트 매칭, 로그 검색에서 자주 쓰는 JavaScript Regex 패턴을 실수 없이 확인하는 실전 가이드입니다.

작고 신뢰 가능한 입력으로 시작

Regex 실전 패턴은 짧은 실제 샘플로 먼저 확인하세요. 작은 입력은 문법, 인코딩, 포맷 문제를 더 빨리 드러냅니다.

민감한 데이터는 제외

브라우저 도구는 빠르지만 운영 비밀값, 개인 정보, 내부 호스트명은 항상 제거하거나 마스킹해야 합니다.

복사 전 결과 확인

생성된 출력은 대상 런타임, 문법 변형, 플랫폼 동작을 확인하기 전까지 초안으로 다루세요.

관련 도구로 한 번 더 확인

Regex 실전 패턴 결과는 단독으로 끝내기보다 관련 도구로 이어서 확인할 때 더 안전합니다. 형식, 시간대, 인코딩, 공개 URL 상태처럼 다음 단계에서 달라질 수 있는 조건을 복사 전에 다시 봅니다.

공유 가능한 결과만 남기기

운영 비밀값, 고객 데이터, 내부 호스트명, 일회성 토큰은 제거하고 결과의 전제 조건을 짧게 남기세요. 이렇게 정리한 출력은 문서, 이슈, 코드 리뷰에서 재사용하기 쉽습니다.

검토 기준을 먼저 정하기

Regex 실전 패턴을 사용할 때는 결과를 복사하기 전에 성공 기준을 짧게 정해 두면 실수를 줄일 수 있습니다. 입력 형태, 대상 런타임, 보안 경계, 공유 범위를 한 번에 확인하면 도구 결과가 실제 작업에 맞는지 빠르게 판단할 수 있습니다.

  • 입력 샘플이 실제 문제를 대표하는지 확인합니다.
  • 대상 브라우저, 스케줄러, 파서, 배포 환경을 함께 적습니다.
  • 경고가 하나라도 있으면 복사 전에 관련 도구로 다시 확인합니다.

다음 작업까지 이어가기

좋은 유틸리티 사용 흐름은 한 번의 변환에서 끝나지 않습니다. 포맷한 뒤 추출하고, 생성한 뒤 검증하고, 공개 URL을 확인한 뒤 헤더나 DNS를 다시 보는 식으로 두 번째 확인 단계를 붙이면 얇은 결과가 아니라 재사용 가능한 작업 기록이 됩니다.

  • 포맷 결과는 diff나 schema 검토로 이어갑니다.
  • URL과 네트워크 결과는 redirect, robots, sitemap 상태와 함께 봅니다.
  • 공유 전에는 비밀값, 내부 호스트명, 고객 데이터를 제거합니다.

검증과 추출을 분리하기

Regex를 하나로 크게 만들수록 검증, 추출, 하이라이트, 검색 목적이 섞이기 쉽습니다. 이메일 형식 확인처럼 실패해야 하는 입력이 중요한 경우와 로그에서 후보 문자열만 찾는 경우는 다른 패턴으로 다루는 편이 안전합니다.

  • 검증 패턴에는 시작과 끝 anchor를 명확히 둡니다.
  • 추출 패턴은 너무 넓은 .* 사용을 피하고 주변 구분자를 같이 봅니다.
  • 후보를 찾은 뒤 JSON, URL, 날짜 같은 전용 파서로 한 번 더 확인합니다.

코드에 옮길 때 다시 테스트

브라우저 입력창에서 맞던 Regex도 JavaScript 문자열, JSON 설정, shell 명령, 백엔드 언어로 옮기면 escape 규칙이 바뀔 수 있습니다. 복사한 뒤에는 실제 코드가 읽는 최종 문자열과 flag를 다시 출력해 확인하는 과정이 필요합니다.

  • 문자열 리터럴에서는 역슬래시가 한 번 더 필요할 수 있습니다.
  • 슬래시로 감싼 literal과 생성자 문자열을 구분합니다.
  • 캡처 그룹 번호가 바뀌면 사용 중인 코드도 함께 수정합니다.

복사 전 확인

안전하게 재사용하기 위한 짧은 검토 흐름

Regex 테스터

JavaScript 정규식을 실제 샘플 텍스트에 바로 적용해 match, flag, capture group을 확인하는 도구입니다.

코드

사용 사례

  • JavaScript 정규식을 실제 샘플 텍스트에 바로 적용해 match, flag, capture group을 확인하는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.
  • Regex 테스터와 관련 도구를 이어서 사용해 작업 흐름을 줄입니다.

흔한 실패 사례

  • PCRE나 Python에서 되던 패턴이 JavaScript RegExp에서는 다르게 동작할 수 있습니다.
  • 문자열 리터럴에서 복사한 백슬래시가 대상 코드에서 한 번 더 escape되어 match가 깨질 수 있습니다.
  • 복사한 값에 운영 비밀값, 고객 데이터, 내부 URL이 섞여 있으면 공유 전에 제거해야 합니다.

복사 전 확인

  • match되어야 하는 샘플과 실패해야 하는 샘플을 각각 하나 이상 넣어 봅니다.
  • g, i, m, s, u, y flag가 실제 런타임 의도와 맞는지 확인합니다.
  • Regex 테스터 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.

예제

일반 입력

Regex 테스터를 사용하기 전에 이 예제로 입력 흐름을 확인하세요.

^[^\s@]+@[^\s@]+\.[^\s@]+$

일반 출력

복사하기 전에 결과 형태와 다음 검토 지점을 확인하는 예제입니다.

^/tools/[a-z0-9-]+$

추가 예제

복사하기 전에 결과 형태와 다음 검토 지점을 확인하는 예제입니다.

(\d{4})-(\d{2})-(\d{2})

FAQ

Regex 테스터 입력값은 어디에서 처리되나요?

가능한 작업은 브라우저에서 처리됩니다. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.

결과를 그대로 운영에 써도 되나요?

복사하기 전에 대상 런타임, 인코딩, 시간대, 보안 정책처럼 환경별 차이를 한 번 더 확인하세요.

JSON 포매터

API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.

데이터

사용 사례

  • API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.
  • JSON 포매터와 관련 도구를 이어서 사용해 작업 흐름을 줄입니다.

흔한 실패 사례

  • trailing comma, comment, single quote가 섞이면 브라우저 JSON 파서에서 실패합니다.
  • 큰 숫자, 날짜, ID는 문법상 맞아도 downstream schema에서 의미가 달라질 수 있습니다.
  • 복사한 값에 운영 비밀값, 고객 데이터, 내부 URL이 섞여 있으면 공유 전에 제거해야 합니다.

복사 전 확인

  • 정리된 구조의 array, object, null, number 형태가 API 계약과 맞는지 확인합니다.
  • token, cookie, 고객 ID, 내부 URL을 제거한 뒤 공유하거나 복사합니다.
  • JSON 포매터 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.

예제

일반 입력

JSON 포매터를 사용하기 전에 이 예제로 입력 흐름을 확인하세요.

{"status":"ok","items":[1,2,3]}

일반 출력

복사하기 전에 결과 형태와 다음 검토 지점을 확인하는 예제입니다.

{ "status": "ok" }

추가 예제

복사하기 전에 결과 형태와 다음 검토 지점을 확인하는 예제입니다.

{"error":{"code":"invalid_request","message":"Missing id"},"requestId":"req_123"}

FAQ

JSON 포매터 입력값은 어디에서 처리되나요?

가능한 작업은 브라우저에서 처리됩니다. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.

결과를 그대로 운영에 써도 되나요?

복사하기 전에 대상 런타임, 인코딩, 시간대, 보안 정책처럼 환경별 차이를 한 번 더 확인하세요.

URL 인코더

query string, redirect parameter, callback URL에 넣을 값을 안전하게 encode/decode합니다.

사용 사례

  • query string, redirect parameter, callback URL에 넣을 값을 안전하게 encode/decode합니다.
  • 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.
  • URL 인코더와 관련 도구를 이어서 사용해 작업 흐름을 줄입니다.

흔한 실패 사례

  • query string, redirect parameter, callback URL에 넣을 값을 안전하게 encode/decode합니다.
  • 브라우저 로컬 처리 방식과 실제 입력 구조가 맞지 않으면 결과를 그대로 믿기 어렵습니다.
  • 복사한 값에 운영 비밀값, 고객 데이터, 내부 URL이 섞여 있으면 공유 전에 제거해야 합니다.

복사 전 확인

  • 원본 입력과 결과 형태를 한 번 더 비교합니다.
  • 대상 런타임, 인코딩, 시간대, 보안 정책 차이를 확인합니다.
  • URL 인코더 결과가 다음 단계에 맞는지 관련 도구로 이어서 검토합니다.

예제

일반 입력

URL 인코더를 사용하기 전에 이 예제로 입력 흐름을 확인하세요.

https://example.com/callback?state=a b

일반 출력

복사하기 전에 결과 형태와 다음 검토 지점을 확인하는 예제입니다.

https%3A%2F%2Fexample.com%2Fcallback%3Fstate%3Da%20b

FAQ

URL 인코더 입력값은 어디에서 처리되나요?

가능한 작업은 브라우저에서 처리됩니다. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.

결과를 그대로 운영에 써도 되나요?

복사하기 전에 대상 런타임, 인코딩, 시간대, 보안 정책처럼 환경별 차이를 한 번 더 확인하세요.

관련 도구

이 가이드와 연결된 도구를 엽니다.

Regex 테스터JavaScript 정규식을 실제 샘플 텍스트에 바로 적용해 match, flag, capture group을 확인하는 도구입니다.JavaScript 정규식을 실제 샘플 텍스트에 바로 적용해 match, flag, capture group을 확인하는 도구입니다. · 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.Regex 테스터를 사용하기 전에 이 예제로 입력 흐름을 확인하세요.가능한 작업은 브라우저에서 처리됩니다. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.JSON 포매터API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다.API 응답, 설정 파일, 로그에 들어 있는 JSON을 읽기 좋게 정리하고 문법 오류를 빠르게 찾는 도구입니다. · 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.JSON 포매터를 사용하기 전에 이 예제로 입력 흐름을 확인하세요.가능한 작업은 브라우저에서 처리됩니다. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.URL 인코더query string, redirect parameter, callback URL에 넣을 값을 안전하게 encode/decode합니다.query string, redirect parameter, callback URL에 넣을 값을 안전하게 encode/decode합니다. · 브라우저 로컬 방식으로 입력을 다루며 복사 전 결과를 확인합니다.URL 인코더를 사용하기 전에 이 예제로 입력 흐름을 확인하세요.가능한 작업은 브라우저에서 처리됩니다. 운영 비밀값이나 고객 데이터는 넣지 않는 기준은 그대로 유지하세요.
Regex 실전 패턴 | bobob.app