[JavaScript] 정규식 / BOM(screen / history / location / window )

Gabriela·2023년 9월 3일

JavaScript js

WEB Front-end

목록 보기

11/16

정규식

(regular expression)

문자열이 원하는 패턴으로 구성되어 있는지 확인하기 위한 표현식이다.

정규식 선언 방법

var regExpr = /정규식/;

정규식 처리 메소드

String.match(/정규식/)

원하는 패턴인 경우 : not null 반환

원하는 패턴이 아닌 경우 : null 반환

/정규식/.test(String)

원하는 패턴인 경우 : true 반환

원하는 패턴이 아닌 경우 : false 반환

정규식 작성 방법

‣ 메타문자

. : 모든 문자를 의미한다.

a : a를 의미한다.

a|b : a 또는 b를 의미한다.

^a : a로 시작한다.

a$ : a로 끝난다.

a* : a를 0번 이상 반복한다. (a가 없어도 좋다.)

a+ : a를 1번 이상 반복한다. (a가 있어야 한다.)

a{n} : a를 n번 반복한다.

a{n,} : a를 n번 이상 반복한다.

a{n,m} : a를 n번 이상 m번 이하 반복한다.

‣ 문자 클래스

[.] : 문자 마침표(.)를 의미한다.

[a] : a를 의미한다.

[ab] : a 또는 b를 의미한다.

^[ab] : a로 시작한다.

[a]$ : a로 끝난다.

[^a] : a를 제외한다.

[0-9] : 숫자를 의미한다.

[A-Z] : 대문자를 의미한다.

[a-z] : 소문자를 의미한다.

[가-힣] : 한글을 의미한다.

‣ 이스케이프

\d : 숫자를 의미한다. (digit)

\D : 숫자가 아니다.

\w : 숫자,영문,밑줄을 의미한다. [0-9A-Za-z_]

(문자클래스 3번처럼 한번에 작성되었기 때문에 또는으로 해석한다. 숫자 또는 대문자 또는 소문자 또는 밑줄)

\W : 숫자,영문,밑줄이 아니다.

👉정규식 활용예제 깃허브(클릭)

BOM

Browser Object Model (브라우저 객체 모델)

브라우저의 구성 요소를 객체로 처리할 수 있다.
(브라우저 구성 요소는 이미 객체로 만들어져 있다.)
주요 브라우저 객체
- history : 방문했던 경로를 저장하고 있는 객체
- location : 주소(URL)를 처리하는 객체
- screen : 브라우저 화면의 정보를 가지고 있는 객체
- window : 브라우저 창 자체를 의미하는 객체
  - 모든 JavaScript 객체의 최상위 객체, 생략 가능하다.

‣ screen 객체

screen.width : 화면 너비

screen.height : 화면 높이

screen.availWidth : 실제 너비

screen.availHeight : 실제 높이

‣ history 객체

history.back() : 뒤로

history.forward() : 앞으로

history.go(n) : n만큼 이동

history.go(-2) : 뒤로2번

‣ location 객체

<a> 태그와 같은 실행

(<a>태그는 사용자가 눌러서 이동 / location은 자동으로 이동)

‣ window 객체

window.open(url, target, feature)

window.은 생략 가능

url : 열어 줄 창의 경로(생략 가능, 생략하면 빈 창 열림)

target : 열어 줄 창의 이름(생략 가능)

feature : 특징

창 크기 : width, height

창 위치 : top, bottom, left, right