반응형
이번 7편에서는 문자열을 다룰 때 강력한 도구가 되는 정규 표현식을 활용한 고급 유틸 함수들을 정리합니다. 데이터 검증, 포맷 변환, 필터링 등을 효율적으로 처리하는 데 매우 유용합니다.
✅ 1. isEmail (이메일 형식 검사)
📌 이메일 유효성 검사
function isEmail(email) {
const pattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
return pattern.test(email);
}
📌 활용 예시
- 회원 가입 폼 검증
- 이메일 입력 필터링
✅ 2. isPhoneNumber (휴대폰 번호 검사)
📌 한국 휴대폰 번호 패턴
function isPhoneNumber(phone) {
const pattern = /^01[016789]-?\d{3,4}-?\d{4}$/;
return pattern.test(phone);
}
📌 활용 예시
- 연락처 등록 폼
- 마케팅 수신 동의 체크
✅ 3. escapeRegExp (정규식 특수문자 이스케이프)
📌 특수문자 안전 처리
function escapeRegExp(string) {
return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
}
📌 활용 예시
- 사용자가 입력한 텍스트로 안전한 검색 구현
- 동적 정규식 생성
✅ 4. extractNumbers (문자열에서 숫자 추출)
📌 문자열 내 숫자만 추출
function extractNumbers(str) {
return str.match(/\d+/g)?.map(Number) || [];
}
📌 활용 예시
- 주소에서 우편번호 추출
- 텍스트 기반 계산 처리
✅ 5. maskEmail (이메일 마스킹)
📌 개인정보 보호용 이메일 가리기
function maskEmail(email) {
const [user, domain] = email.split('@');
const maskedUser = user.length <= 2 ? user[0] + '*' : user[0] + '*'.repeat(user.length - 2) + user.slice(-1);
return `${maskedUser}@${domain}`;
}
📌 활용 예시
- 개인정보 보호 정책 대응
- 사용자 프로필 표시
✅ 결론
정규 표현식은 복잡한 문자열 처리를 간결하고 강력하게 해결할 수 있는 도구입니다. 이번 시리즈에서 소개한 함수들을 잘 활용하면 데이터 입력 검증과 포맷팅 작업을 효율적으로 관리할 수 있습니다.
반응형
'Programing > javascript' 카테고리의 다른 글
자바스크립트 실무 유틸 함수 시리즈 11 - 비동기 처리 및 Promise 관련 (0) | 2025.04.29 |
---|---|
자바스크립트 실무 유틸 함수 시리즈 10 - 함수형 프로그래밍(FP) 스타일 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 9 - Object 객체 고급 조작 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 8 - 배열 고급 조작 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 6 - 시간과 날짜 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 5 - 숫자와 통계 처리 (0) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 4 - 문자열 조작 (1) | 2025.04.29 |
자바스크립트 실무 유틸 함수 시리즈 3 (0) | 2025.04.29 |