본문 바로가기
728x90
728x90

JS8

이메일 정규표현식 ( 안드로이드, 애플 ) 이메일 정규표현식을 개발했는데 안드로이드에서 작동이 안하는 오류 발생해서 분리시킴 // 기본 function validateEmail(email) { email = email.trim(); if (email == "") { return false; } else { var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; return emailReg.test(email); } } // 안드로이드 전용 function validateAndroidEmail(email) { email = email.trim(); if (email == "") { return false; } else { var emailReg = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.. 2024. 3. 25.
이메일에서 아이디 가져오는 함수 이메일을 아이디로 사용하는 사이트에서,, 이메일 아이디 부분을 잘라서 몇 글자 * 처리 해주길 원했음,, 간단하게 이메일에서 아이디만 가져오는 함수 만들어봄 이런 간단한걸 왜 포스팅하는건지 물어보신다면,, 내가 나중에 쓰기 위해서입니다,,, 나의 무료 클라우드,, 앤 메모장이니깐,,!! const extractUsernameFromEmail = (email, type) => { const parts = email.split('@'); if (parts.length > 1) { return parts[type]; } else { return null; } } - 화살표 함수 방식 사용 - 'email'과 'type'는 매개변수 -> 'email'은 처리할 이메일 주소 -> 'type'은 이메일 주소의 어떤.. 2024. 2. 2.
이메일 유효성 검사 함수 사이트에서 이메일 값을 입력하는 부분에서 사용하기 좋은 함수 Input에 type='email' 사용해서 검사해도 괜찮지만 서버에 데이터를 전송하기까지 데이터값을 의심해야한다고 생각함. 그러므로 클라이언트에 데이터를 받고 서버 전송 전 또 한 번의 검사를 해줘야함. 물론 서버에서도 검사를 해줘야함,,!! 디비에 정상 데이터를 저장해야하니깐..!! 신입때 부장님이 많이 했던 잔소리(?)가 데이터를 의심해라 였음.. const isValidEmail = (email) => { const pattern = /^[\w.-]+@[a-zA-Z\d.-]+.[a-zA-Z]{2,}$/; return pattern.test(email); } - 화살표 함수 방식 사용 - 'email'이라는 매개변수 - const patt.. 2024. 2. 1.
숫자 한국어로 표시하는 함수 쇼핑몰 화면에서,, 쿠폰 할인 금액을 숫자가 아니라 한글로 표시가 되도록 디자인이 되어있었다. 쿠폰 금액은 디비에서 불러오는 값으로 숫자로 된 금액이였으면 여러 군데에 사용할 거같아서 공통 함수로 만들기로 결정 초반에는 gpt의 도움을 받고 틀을 만들었다 gpt가 계속 틀린 함수를 만들어줘서 나중에는 내가 아예 만들었음. 급하게 만들다보니 코드가 좀 길어진 아쉬움이 있음.. const formatNumberWithUnit = (number) => { const units = ["", " 십", " 백", "천", "만", "십만", "백만", "천만", "억"]; const unitCount = units.length; if (number < 1000) { return String(number); } l.. 2024. 1. 31.
특정 소수점 자리만 표현하는 함수 : Truncate 쇼핑몰 결제 및 가격제안 처리 하는 부분에서 소수점 문제가 발생함 자바스크립트의 Float 사용하면 반올림 문제가 생길 수 있어서 잘라버리기로 결정 또한, 코인 결제 시스템이 붙으면 소수점 역할이 중요하기 때문에 함수 개발하기로 결정 const truncateNumber = (value, decimalPlaces) => { const multiplier = Math.pow(10, decimalPlaces); return Math.floor(value * multiplier) / multiplier; } - 화살표 함수 방식 사용 - 'value'와 'decimalPlaces'라는 두 개의 매개변수 -> 'value'는 잘라낼 대상이 되는 숫자 -> 'decimalPlaces'는 소수점 이하 몇 번째 자리.. 2024. 1. 30.
세 자리마다 콤마(,) 넣어주는 함수 쇼핑몰 개발을 하면서 가격을 표시하는 부분이 많아서 만든 함수 const changeComma = (price) => { if (price '?'는 옵셔널 체이닝으로, 'price' 값이 null 또는 undefined일 경우 에러를 방지하기 위해 사용 - let returnString = ... ; return returnString; -> 변환한 문자열을 'returnString' 변수에 저장한 후 반환 => 결과적으로, 이 함수는 주어진 가격 정보를 문자열로 변환하고, 세 자리마다 콤마를 추가하여 보기 편한 형태로 변환하는 작업을 수행 * 옵셔널 체이닝(?.) - JavaScript에서 객체의 속성에 접근할 때, 해당 객체나 속성이 undefined 또는 null인 경우 에러를 방지하기 위해 사용하.. 2024. 1. 29.
728x90
728x90