OPEN HYPER STEP
← 목록으로 (JavaScript)
JS · 23 / 34
js
CHAPTER 23 / 34
읽기 약 2
FUNCTION

정규표현식 해부


핵심 개념

정규표현식(RegExp)은 문자열 패턴을 정의합니다. /패턴/flags 형태로 작성하며, g(전체), i(대소문자 무시), m(멀티라인) 플래그를 사용합니다. test()는 패턴 매칭 여부, match()는 매칭 결과 배열, replace()로 치환합니다. \d(숫자), \w(문자), \s(공백), +(1개 이상), *(0개 이상), ?(0또는 1개)가 핵심 메타 문자입니다.

코드 분석
JS📋 코드 (13줄)
function analyzeText() {
    const text = document.getElementById('regex-input').value;
    const out = document.getElementById('regex-out');
    const numbers = text.match(/\d+/g) || [];
    const words = text.match(/\b[A-Z]\w*/g) || [];
    const hasDate = /\d{4}-\d{2}-\d{2}/.test(text);
    const redacted = text.replace(/\d+/g, '###');
    out.innerHTML =
      '<div style="color:#10b981">숫자: [' + numbers.join(', ') + ']</div>' +
      '<div style="color:#f59e0b">대문자 단어: [' + words.join(', ') + ']</div>' +
      '<div style="color:#22c55e">날짜 포함: ' + hasDate + '</div>' +
      '<div style="color:#888">검열: ' + redacted + '</div>';
  }

AI 프롬프트
🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트
Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 JS '정규표현식' 코드의 잠재적 버그와
메모리 누수·this 바인딩·비동기 경합 위험을
분석해서 프로덕션 수준으로 개선해줘.
ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'정규표현식'를 실제 서비스에서 어떻게 쓰는지
구체적 사례 3개와 복사 가능한 코드를
초보자가 이해할 수 있게 보여줘.
Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 JS '정규표현식' 관련 코드 전체의 실행 흐름을 분석하고
성능 병목과 최적화 방안을 우선순위로 알려줘.
Grok

무료: Grok 4.1 / SuperGrok $30/mo

'정규표현식'에서 개발자들이 가장 많이 하는
실수 Top 3을 솔직하게 알려주고
2026년 권장 패턴을 함께 알려줘.

⭐ 이것만 기억하세요
정규표현식 해부 이 3가지만 확실히 잡으세요
1.이메일·전화번호·비밀번호 형식 검증을 조건문으로만 하면 코드가 수십 줄로 불어나고 유지보수가 어렵습니다
2./패턴/플래그 형태로 선언하며, test()로 매칭 여부, match()로 결과 추출, replace()로 치환합니다
3.다음 챕터에서 반복 제어를 세밀하게 다루는 이터레이터와 제너레이터를 배웁니다


공유하기
진행도 23 / 34