정규식 기초 — 이메일·전화번호 검증

정규식(regex) 은 한 번 익히면 평생 쓰는 도구 — 텍스트에서 패턴을 찾고·추출하고·바꿉니다. 11편의 한 입 맛본 후, 20편에서 본격 기초를 정리. 메타 문자·플래그·그룹과 자주 쓰는 패턴들. 중급 파트의 마지막입니다.

정규식 만들기 — 두 가지 방법

// 리터럴 (가장 흔함)
const re1 = /hello/;

// RegExp 생성자 (동적 패턴)
const word = "hello";
const re2 = new RegExp(word);
const re3 = new RegExp(`\\d{${digitCount}}`);   // 동적 값 끼울 때

주요 메서드 — 사용 빈도순

const text = "전화: 010-1234-5678";
const re = /\d{3}-\d{4}-\d{4}/;

re.test(text);          // true   — 매치 여부 boolean
text.match(re);         // ["010-1234-5678"] — 첫 매치 (g 없으면)
text.matchAll(/\d+/g);  // 이터레이터 — 모든 매치 (그룹 포함)
text.replace(re, "[전화]");   // "전화: [전화]"
text.split(/\s+/);            // ["전화:", "010-1234-5678"]
text.search(re);              // 0 또는 -1 (위치)

플래그 5종

"Hello hello HELLO".match(/hello/gi);
// ["Hello", "hello", "HELLO"]

메타 문자 — 의미 있는 기호

수량자 — 몇 번 반복하나

그룹과 캡처 — ()

// 위치 기반 그룹
const m = "2026-05-17".match(/^(\d{4})-(\d{2})-(\d{2})$/);
// m[0]="2026-05-17", m[1]="2026", m[2]="05", m[3]="17"

// 이름 있는 그룹 (?<name>...)
const m2 = "2026-05-17".match(/^(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})$/);
m2.groups.year;     // "2026"
m2.groups.month;    // "05"
m2.groups.day;      // "17"

// 비캡처 그룹 (?:...)
"hello world".replace(/(?:hello|hi) (\w+)/, "안녕 $1");
// "안녕 world"   ← 첫 그룹은 캡처 안 함

// 역참조 \1
"hello hello".match(/(\w+) \1/);   // 같은 단어 반복

자주 쓰는 패턴 7가지

// 1. 이메일 (대략) — 실제 RFC 5322 는 매우 복잡, 보통 이 정도면 충분
const emailRe = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

// 2. 한국 전화번호 (010-1234-5678 또는 01012345678)
const phoneRe = /^01[0-9]-?\d{3,4}-?\d{4}$/;

// 3. URL
const urlRe = /^https?:\/\/[^\s]+$/;

// 4. 한국어만
const koreanRe = /^[가-힣]+$/;

// 5. 영숫자 + _ - 만 (slug)
const slugRe = /^[a-z0-9_-]+$/;

// 6. 카드 번호 분리 (1234567812345678 → 1234 5678 1234 5678)
"1234567812345678".replace(/(\d{4})(?=\d)/g, "$1 ");

// 7. 좋은 비밀번호 (대문자·소문자·숫자 각 1개 이상, 8자+)
const pwRe = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d).{8,}$/;

lookahead · lookbehind — 위치 기반 매칭

// (?=...) — 뒤따라야 함 (소비 안 함)
"abc123".match(/[a-z]+(?=\d)/);    // "abc" — 숫자 앞의 글자

// (?!...) — 뒤따르면 안 됨
"abc def".match(/abc(?! def)/);    // null

// (?<=...) — 앞에 있어야 함 (소비 안 함)
"$100".match(/(?<=\$)\d+/);        // "100"

// (?<!...) — 앞에 있으면 안 됨

replace + 함수 — 강력한 변환

// 매치마다 함수 호출
"hello world".replace(/\w+/g, m => m.toUpperCase());
// "HELLO WORLD"

// 그룹과 함께
"2026-05-17".replace(/(\d{4})-(\d{2})-(\d{2})/, (_, y, m, d) => `${y}년 ${+m}월 ${+d}일`);
// "2026년 5월 17일"

// 이름 있는 그룹
"a:1, b:2".replace(/(?<k>\w+):(?<v>\d+)/g, (...args) => {
  const { k, v } = args.at(-1);   // 마지막 인자가 groups
  return `${k}=${v}`;
});

안티패턴 / 주의 5가지