반응형
이번 21편에서는 정규 표현식(Regular Expression, RegExp)을 활용하여 문자열 패턴을 검증하고 가공하는 실무 유틸 함수들을 정리합니다. 사용자 입력 유효성 검사, 형식 추출, 데이터 정리에 매우 유용하게 활용됩니다.
✅ 1. isKorean (한글 포함 여부 확인)
📌 문자열에 한글이 포함되어 있는지 검사
function isKorean(str) {
return /[가-힣]/.test(str);
}
📌 활용 예시
(예: 사용자 이름에 한글이 포함되어 있는지 확인)
isKorean('홍길동'); // true
✅ 2. extractEmails (문장에서 이메일 주소 추출)
📌 문자열 내 모든 이메일 주소를 배열로 반환
function extractEmails(text) {
return text.match(/[\w.-]+@[\w.-]+\.[a-zA-Z]{2,}/g) || [];
}
📌 활용 예시
(예: 문서 내 이메일 목록 자동 수집)
extractEmails('문의: test@domain.com, admin@mail.com'); // ['test@domain.com', 'admin@mail.com']
✅ 3. sanitizeHTML (HTML 태그 제거)
📌 입력값에서 HTML 태그를 모두 제거
function sanitizeHTML(input) {
return input.replace(/<[^>]*>/g, '');
}
📌 활용 예시
(예: 사용자의 게시글 내용에서 HTML 제거 후 저장)
sanitizeHTML('<p>Hello <strong>World</strong></p>'); // 'Hello World'
✅ 4. extractHashtags (해시태그 추출)
📌 문자열 내 해시태그 추출
function extractHashtags(text) {
return text.match(/#(\w+)/g) || [];
}
📌 활용 예시
(예: SNS 게시물에서 해시태그 분리 수집)
extractHashtags('오늘도 #코딩 #자바스크립트'); // ['#코딩', '#자바스크립트']
✅ 5. isValidURL (URL 형식 검증)
📌 문자열이 유효한 URL 형식인지 검사
function isValidURL(url) {
const pattern = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?$/;
return pattern.test(url);
}
📌 활용 예시
(예: 링크 입력값이 URL 형식에 맞는지 확인)
isValidURL('https://example.com'); // true
✅ 결론
정규 표현식은 문자열 유효성 검사와 데이터 전처리에 매우 강력한 도구입니다. 이번 시리즈에서 다룬 유틸 함수들을 활용하면 복잡한 문자열 처리도 간단하고 정확하게 해결할 수 있습니다.
반응형
'Programing > javascript' 카테고리의 다른 글
| 함정에 빠지기 쉬운 자바스크립트 문법 (0) | 2025.05.05 |
|---|---|
| 자바스크립트 실무 유틸 함수 시리즈 24 - 접근성 향상을 위한 유틸 (0) | 2025.05.01 |
| 자바스크립트 실무 유틸 함수 시리즈 23 - 브라우저 환경 감지 및 대응 유틸 (0) | 2025.05.01 |
| 자바스크립트 실무 유틸 함수 시리즈 22 - URL 및 쿼리 파라미터 처리 유틸 (0) | 2025.05.01 |
| 자바스크립트 실무 유틸 함수 시리즈 20 - 배열 비교 및 동기화를 위한 유틸 (0) | 2025.05.01 |
| 자바스크립트 실무 유틸 함수 시리즈 19 - 로컬 스토리지 / 세션 스토리지를 위한 유틸 (0) | 2025.05.01 |
| 자바스크립트 실무 유틸 함수 시리즈 18 - 스크롤 관련 유틸 (1) | 2025.05.01 |
| 자바스크립트 실무 유틸 함수 시리즈 17 - 이벤트 제어를 위한 유틸 (0) | 2025.05.01 |