반응형

개발/Regular expression 8

[javascript] navigator 이용하여 모바일/PC 여부 확인

javascript에서 모바일/pc 여부를 확인하려면 navigator.ugeragent 값이 필요하다. navigator는 사용자 에이전트(브라우저 등 웹에 접근하는 프로그램)에 대한 정보를 가지고 있는 객체로다음과 같은 속성을 가지고 있다.bluetooth현재 문서의 Bluetooth 객체를 반환합니다. Web Bluetooth API의 기능에 접근할 수 있습니다.clipboard시스템 클립보드의 읽기, 쓰기에 접근할 수 있는 Clipboard 객체를 반환합니다.connection장치의 네트워크 연결 정보를 담은 NetworkInformation 객체를 반환합니다.contacts사용자에게 사용자의 연락처 목록에서 항목을 선택하고 그 항목의 제한된 세부 정보를 웹사이트나 애플리케이션과 공유할 수 있게 ..

[정규표현식] 이메일 샘플

^0\d{1,2}(-|\))\d{3,4}-\d{4}$1. (일반적인) 이메일 특징 이메일 주소는 [ 로컬 부분 ]@[ 도메인 부분 ]으로 구성됨 1) 로컬 부분 - 대문자 및 소문자 라틴문자, 숫자 - 특수문자는 대부분 점(.), 밑줄(_), 하이픈(-)만 허용   점(.)은 연속으로 사용하지 않은 경우에 허용 2) 도메인 부분 - 대문자 및 소문자, 숫자 - 특수문자 하이픈(-) 허용 - 도메인은 반드시 숫자나 문자로 시작해야  ※ 이메일 주소 관련 규칙은 위키피디아와 한국인터넷정보센터(KRNIC) 참고했어요 Email address - WikipediaFrom Wikipedia, the free encyclopedia Identifier of the destination where email mess..

[정규표현식] 전화/핸드폰 번호 샘플

^0\d{1,2}(-|\))\d{3,4}-\d{4}$1. (일반적인) 전화/핸드폰 번호 특징 - 0으로 시작 - 0NZ-XXXX-YYYY 또는 0NZ)XXXX-YYYY 과 같은 패턴    ※ 유선전화의 경우 편의상 지역번호에 괄호를 치는 경우가 있다. - 첫번째 자리는 2자리(02) 또는 3자리 - 두번째 자리는 3자리 또는 4자리 - 세번째 자리는 4자리 2. 정규표현식^0\d{1,2}(-|\))\d{3,4}-\d{4}$let reg = new RegExp(/^0\d{1,2}(-|\))\d{3,4}-\d{4}$/);reg.test('010-2222-1234'); //truereg.test('02-332-1234'); //truereg.test('041)332-1234'); //true 3. 정규표현식..

[정규표현식] 테스트 및 시각화 사이트

1. 정규표현식 테스트 사이트2. 정규표현식 시각화 사이트  정규표현식을 작성할때, 저는 주로 크롬 개발자 도구의 console창에서 테스트를 해보고는 했습니다. 그런데 이번에 검색을 해보니 정규표현식을 테스트 하기 좋은 사이트가 있어서 소개해 보겠습니다. console에서 테스트하는데 불편함을 느끼지 못했지만, 사이트 들어가서 테스트 해보니 확실히 편합니다...저는 앞으로 테스트 사이트를 이용할 것 같네요...ㅋㅋ   1. Regex101 :: 정규표현식 테스트 사이트 regex101: build, test, and debug regexRegular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Pyt..

[정규표현식] capturing group (feat. javascript, visual studio code, notepad++)

정규표현식은 문자열을 패턴화한 것으로, 문자열 검색/치환/검사에 사용된다. 아직 정규표현식에 대해 감이 안 잡힌다면 아래 글을 보고 오자! [정규표현식] 정규표현식(Regular expression) width javascript 🎈 정규표현식(Regular expression) 정규 표현식(정규식)은 문자열에서 특정 문자 조합을 찾기 위한 패턴 🎈 언제 이용하는가? - 특정 형식의 문자열(e-mail 주소/전화번호/URL/RGB값/HEX값 등)인지 검사 // smile-haha.tistory.com [정규표현식] javascript에서 정규표현식 사용하기 정규표현식은 문자열을 패턴화한 것으로, 문자열 검색/치환/검사에 사용된다. 아직 정규표현식에 대해 감이 안 잡힌다면 아래 글을 보고 오자! [정규표현..

[정규표현식] javascript에서 정규표현식 사용하기

정규표현식은 문자열을 패턴화한 것으로, 문자열 검색/치환/검사에 사용된다. 아직 정규표현식에 대해 감이 안 잡힌다면 아래 글을 보고 오자! [정규표현식] 정규표현식(Regular expression) width javascript 🎈 정규표현식(Regular expression) 정규 표현식(정규식)은 문자열에서 특정 문자 조합을 찾기 위한 패턴 🎈 언제 이용하는가? - 특정 형식의 문자열(e-mail 주소/전화번호/URL/RGB값/HEX값 등)인지 검사 // smile-haha.tistory.com 알아두면 두고두고 쓸모있는 정규표현식을 javascript에서는 어떻게 사용할까? javascript에서 정규표현식을 사용하는 경우는 다음과 같다. - RegExp에 정의된 함수를 이용하는 경우 (test,..

[정규표현식] 정규표현식(Regular expression) (feat. javascript)

정규표현식(정규식)은 문자열에서 특정 문자 조합을 찾기 위한 패턴을 나타내는 문법으로개발/문서 작성에서 알아놓으면 유용하게 사용된다.1. 정규표현식(Regular expression)이란?정규 표현식(정규식)은 문자열에서 특정 문자 조합을 찾기 위한 패턴 2. 언제 이용하는가?2.1. 특정 형식의 문자열(e-mail 주소/전화번호/URL/RGB값/HEX값 등)인지 검사//핸드폰번호 형식(3자리 숫자 - 3자리 or 4자리 숫자 - 4자리 숫자)인지 체크const reg = /^\d{3}-\d{3,4}-\d{4}$/;reg.test('010-223-1234');//true 2.2. 문자열에서 특정 값 제거/바꿔치기//숫자 제거'smile-haha@123kkeoq'.replace(/[0-9]/g,''); /..

[RegExp sample] HEX 타입 체크

/^\#(([0-9a-f]){3}|([0-9a-f]){6}|([0-9a-f]){8})$/i1. HEX란?먼저 HEX 값은 색을 나타내는 표현 방식중 하나로, #과 16진수 6자리(+2자리)로 이루어져있다.16진수는 0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F 으로 표현되며, 알파벳 대소문자는 구분하지 않는다.HEX 값이 6자리인 경우, 빨강, 초록, 파랑의 색의 강도를 256 단계에 걸쳐 나타낸 것이고, 8자리일 경우는 투명도까지 표현하는 경우이다.또한 HEX 값이 3자리인 경우도 있는데, 이 경우는 빨강, 초록, 파랑의 각 값을 16단계에 걸쳐서 표현한 것이다.※ 투명도 값을 넣지 않는 경우 자동으로 FF(불투명)으로 인식한다.※ 투명도는 FF일때 불투명, 00일때 완전히 투명해진다.📌H..

반응형