내장 객체 (built-in object) : 사용자가 손쉽게 가져와서 사용할 수 있도록 미리 만들어진 객체 자바스크립트 언어 자체에 내장되어 있는 객체로, 특정 기능을 제공하기 위해 사용 Number, Boolean, String, Math, Date, Array, Object 등이 있음. window객체 웹 브라우저의 내장 객체 중 웹 브라우저 창과 관련된 객체임. 모든 객체의 최상위 객체 웹 브라우저의 창을 나타내는 전역 객체. 이 객체에는 브라우저 창의 크기, 스크롤 위치, URL, 문서 객체 등의 속성과 메서드가 포함되어 있음. 웹 브라우저에서만 사용 가능하며, 웹 페이지에서 자바스크립트를 사용할 때 기본적으로 제공되는 객체 (최상위객체 : 모든 객체를 포함하고 있는 가장 기본이 되는 객체. 가..

5장 DOM 5-1. DOM (Document Object Model. 문서 객체 모델) 자바스크립트와 같은 프로그래밍 언어로 웹 문서에 접근하고 제어할 수 있도록 웹 문서를 체계적으로 정리하는 방법. DOM에서는 웹 문서와 웹 문서를 구성하는 텍스트나 이미지 등 모든 요소도 하나의 객체(객체이므로 프로퍼티와 메서드를 가짐)로 정의함. 부모 요소와 자식 또는 형제 요소 관계(계층) DOM트리 구조 : 트리의 시작 부분(루트 노드), 트리의 갈라져 나가는 분기점(노드) 5-2. 웹 요소에 접근하기 CSS 선택자 (웹 요소에 접근할 때 qauerySelector()함수나 qauerySelectorAll() 함수를 통해 사용) document.querySelector(선택자) //한가지 요소를 가져오는 메서드..

typeof() 함수 typeof(값 또는 변수) 자바스크립트에 미리 만들어져있는 함수로, 소괄호 안에 값이나 변수를 넣으면 어떤 자료형인지 알려준다. 템플릿 리터럴 (Template Literal) 백팃(``) 을 사용해 문자열을 만들며, 변수부분만 ${}로 묶어 작성이 편리해진다. 또한 템플릿 리터럴에서는 줄을 바꿔 입력하면 출력 결과에서도 '\n' 줄 바꿈 기호를 쓸 필요 없이 자동으로 줄이 바뀐다. 논리형 불리언(Boolean)유형. 참(true) 거짓(false)값을 표현하기 위한 데이터 유형. 참으로 인정할 수 있는 값 : truthy하다 거짓으로 인정할 수 있는 값 : falsy하다 falsy로 인정하는 값 0 // 숫자 " " // 빈 문자열 NaN //Not a Namber undefin..