프로토타입(prototype)
- 자바 스크립트의 모든 객체는 프로토타입이라는 객체를 포함하고 있다.
- 모든 객체는 프로토타입으로부터 프로퍼티와 메소드를 상속받는다.
- 자바스크립트의 모든 객체는 최소한 하나 이상의 다른 객체로부터
상속을 받으며 상속되는 정보를 제공하는 객체를 프로토타입이라고 한다.
- 자바스크립트에 내장된 모든 생성자나 사용자 정의 생성자는 Object.prototype과 자신의 객체를 프로토타입으로 가진다.
const mycar = new Car();
mycar <--- Object.prototype, Car.prototype



Math 객체
수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트 내장 객체
min() 최소값을 반환, 매개변수가 전달되지 않는다면 Infinity를 반환
비교할 수 없는 값이 포함되어 있다면 NaN을 반환
max() 최대값을 반환, 매개변수가 전달되지 않는다면 -Infinity를 반환
비교할 수 없는 값이 포함되어 있다면 NaN을 반환
round() 소수점 첫째자리에서 반올림
floor() 소수점 첫째자리에서 내림
ceil() 소수점 첫째자리에서 올림
random() 0보다 크거나 같고 1보다 작은 무작위 실수를 반환


String 객체
문자열을 쉽게 만들고 다룰 수 있게 한다.
const str = 'Javascript';
const str = new String('Javascript');
length 문자열의 길이를 저장
indexOf() 매개변수로 넘긴 문자열이 처음 등장하는 인덱스를 반환
charAt() 매개변수로 넘긴 인덱스에 위치한 문자를 반환
includes() 매개변수로 전달된 문자열이 포함되어 있는지를 확인 후 반환
substring() 매개변수가 1개일때에는 전달된 인덱스부터 끝까지 잘라서 반환
매개변수가 2개이면 첫번째 인덱스부터 두번째 인덱스 전까지 잘라서 반환
substr() 매개변수로 전달된 시작 인덱스에서 두번째로 전달된 길이만큼 잘라서 반환
split() 매개변수로 전달된 구분점을 기준으로 문자열을 나눈 후 배열로 저장해서 반환
replace() 첫번째 매개변수로 전달된 문자열을 찾아서 두번째 문자열로 치환
trim() 문자열의 앞 뒤 공백을 제거


Date 객체
- 날짜, 시간 등을 쉽게 다룰 수 있는 내장객체
- 2자리로 표현한 연도는 1900 ~ 1999
- 4자리로 표현한 연도는 작성한 연도 그대로
월 의 범위는 0 ~ 11월
new Date() : 현재 날짜, 시간을 저장하는 객체(브라우저 기준)
new Date("날짜 문자열") : 해당 날짜 시간을 가리키는 객체가 생성
ex) new Date('2021-12-19')
new Date(n) : 1970년 1월 1일 0시 0분 0초 부터 n 밀리초만큼 지난 시간의 날짜 객체가 생성
new Date(년,월,일,시,분,초,밀리초) : 해당 특정 날짜, 시간을 가리키는 객체 생성


window 객체
현재 웹 브라우저의 창이나 탭을 표현하기 위한 객체
비표준 객체

setTimeout(함수,밀리초) : 넘겨준 함수를 해당 밀리초만큼 흐른 후 호출
clearTimeout(설정된 타임아웃 객체) : setTimeout에서 설정된 것을 취소
setInterval(함수,밀리초) : 넘겨준 함수를 해당 밀리초마다 호출
clearTimeout(설정된 인터벌 객체) : setInterval에서 설정된 것을 취소


콜백 함수(Callback Function)
매개변수로 함수를 전달받아 함수 내부에서 그 함수를 호출하는 경우


문서 객체 모델(Document Object Model)
- xml이나 html 문서에 접근하기 위한 일종의 인터페이스
문서내의 모든 요소를 정의하고 각 요소에 접근하는 방법들을 제공해준다.
<html lang="en">
<head>
<title>타이틀</title>
</head>
<body>
<h2>제목</h2>
<p>내용</p>
</body>
</html>
document 객체
<html> - lang="en"
<head> <body>
<title> <h2> <p>
"타이틀" 제목 내용
document 객체
웹 페이지 자체를 의미하는 객체
웹 페이지에 존재하는 HTML 요소에 접근할 때는 반드시 document 객체로부터 시작
getElementsByTagName() : 해당 태그 이름의 요소들을 모두 선택
ex) document.getElementsByTagName("h2")
--> h2 태그요소들이 객체로 담겨있는 배열 [<h2>제목</h2>, ]
getElementById() : 해당 아이디의 요소를 선택
getElementsByClassName(): 해당 클래스에 속한 요소를 모두 선택
getElementsByName() : 해당 name 속성값을 가지는 요소를 모두 선택
querySelectorAll() : CSS 선택자로 선택되는 요소들을 모두 선택
ex) document.querySelectorAll("body > h2")
--> body 안의 h2 태그 요소들이 객체로 담겨있는 배열

'Javascript' 카테고리의 다른 글
[Javascript] 이벤트(Event) (0) | 2021.12.31 |
---|---|
[Javascript] 노드(node) (0) | 2021.12.31 |
[Javascript] 객체 (0) | 2021.12.20 |
[Javascript] 배열, 함수 (0) | 2021.12.13 |
[Javascript] 제어문 (0) | 2021.12.13 |