js
CHAPTER 23 / 34
읽기 약 2분
FUNCTION
정규표현식 해부
핵심 개념
정규표현식(RegExp)은 문자열 패턴을 정의합니다. /패턴/flags 형태로 작성하며, g(전체), i(대소문자 무시), m(멀티라인) 플래그를 사용합니다. test()는 패턴 매칭 여부, match()는 매칭 결과 배열, replace()로 치환합니다. \d(숫자), \w(문자), \s(공백), +(1개 이상), *(0개 이상), ?(0또는 1개)가 핵심 메타 문자입니다.
코드 분석
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