12장 문서 객체 모델과 이벤트 다루기

공부할 내용 (433~453쪽)

1. 표준 내장 객체

자바스크립트에 기본으로 내장된 객체를 말한다.

 

-문자열을 다루는 String 객체

문자열에서 사용할 수있는 속성과 메서드가 정의되어 있다.

 

includes() -  메서드 매겨변수애 안저로 전달되는 문자열이 대상 문자열에 포함되면 true 아니면 false

replace() - 대상 문자열에서 메서드의 매개변수에 인자로 전달되는 문자열과 일치하는 한부분을 찾아 다른 데이터로 변경한 새로운 문자열로 반환

replaceAll() - 대상 문자열에서 메서드의 매개변수에 인자로 전달되는 문자열과 일치하는 모든부분을 찾아 다른 데이터로 변경한 새로운 문자열로 반환

split() - 매서드의 매개변수에 인자로 전달되는 구분자를 이용해 대상 문자열을 여러 개 의 문자열로 분리하고 분리한 문자열을 새로운 배열로 반환한다.

toUpperCase()  - 대상 문자열을 대문자로 변경해 반환한다.

trim() - 대상문자열의 앞뒤 공백을 제거한 값을 반환한다.

 

-배열을 다르는 Array 객체

 

push() - 배열의 맨뒤에 데이터를 추가한다.

pop() - 배열의 맨뒤에서 데이터를 추출한다.

sort() - 배열의 요소를 정령한다.

reverse() -배열의 요소를 역순으로 정렬한다.

 

-날짜와 시간을 다루는 Date 객체

Date 객체에는 날짜 및 시간과 관련 있는 메서드가 정의되어 있다.

 

getFullYear() / setFullYear - 연도를 4자리 숫자로 표시한다.

getDay() - 요일을 0부터 6까지의 숫자로 표시한다.

getTime() / setTime() -1970년 1월 1알 12:00 이후의 시간을 밀리초 단위로 표시한다.

getMinutes() / setMinutes - 분을 0부터 59까지의 숫자로 표시한다. 

 

-Math 객체

수학연산을 다룬다.

Math.floor() - 주어진 숫자와 같거나 작은 정수 중에서 가장 큰수를 반환한다.

Marh.random() - 0이상 1미만의 난수를 반환한다.

Math.ceil() - 주어진 숫자와 같거나 큰 정수 중에서 가장 작은수를 반환한다.

Math.round() - 주어진 숫자를 반올림한 수와 가장 가까운 정수를 반환한다.

 

2.브라우저 객체 모델 사용하기

 

-기본속성

 

웹 브라우저의 너비 - innerWidth

웹 브라우저의 높이 - innerWeight

웹 브라우저 창의 높이 - outerHeight

웹 브라우저 창의 너비 -  outerWidth

웹 브라우저 창 위쪽 면과 모니터 사이의 간격 - scrrenTop/window.screenX

웹 브라우저 창 왼쪽 면과 모니터 사이의 간격 - screenLeft/screenX

웹 브라우저 창의 스크롤 가로 위치 - scrollX

웹 브라우저 창의 스크롤 세로 위치 - scrollY

 

-웹 브라우저에서 새 창 제어하기

 

웹브라우저에서 새로운 창을 여는데 사용할수 있다.

open(경로, 이름, 속성)