웹 브라우저 객체 모델(Browser Object Model, BOM)이란? : 웹 '브라우저' 전체를 객체로 관리하는 것. 주요 구성 요소 1. Window : 모든 구성 요소를 포함하는 최상위 객체. 현재 열린 창이나 탭을 나타낸다. 접근 방법 - 객체 이름 뒤에 마침표(.)와 속성 이름을 붙이면 된다. - open() 함수 : 현재 창이나 새 탭, 새로운 알림 창 등 다양한 형태로 새 창을 열 수 있다. window.open("https://www.induk.ac.kr") //웹브라우저 창에서 새 탭이 열리면서 연결딘 문서나 사이트가 표시된다. window.open("https://www.induk.ac.kr", "_self") //"_self"로 지정하면 현재 창에 새 창이 표시된다. window..
1. getElementById() : Id 속성을 기반으로 DOM 요소에 접근하는 함수 document.getElementById("myId") 2. getElementsByClassName() : class 속성을 기반으로 DOM 요소를 찾아내는 함수 document.getElementsByClassName("myClass") 3. getElementsByTagName() : 태그 이름을 기반으로 DOM 요소들을 찾아내는 함수 document.getElementsByTagName("p") 4. querySelector(), querySelectorAll() : 다양한 방법을 DOM 요소를 찾아내는 함수 id, class값을 사용해도 되고 태그 이름을 사용해도 된다. 두 함수는 접근하는 DOM 요소 개..
문서 객체 모델(Document Object Model)이란? : 웹 문서의 모든 요소를 자바스크립트를 이용하여 조작할 수 있도록 객체를 사용해 문서를 해석하는 방법. DOM을 이해하는 가장 간단한 방법은 html 문서를 트리 구조로 생각하는 것이다. 이것을 DOM 트리(tree)라고 부른다. 예를 들어 Welcome to My Web Page This is a paragraph. Click me! 위와 같은 html문서가 있을 때 아래와 같은 트리 구조로 표현된다. html ├── head │ └── title: "My Web Page" └── body ├── h1: "Welcome to My Web Page" ├── p: "This is a paragraph." └── div (id="containe..
Array 객체란? 여러 개의 값을 담을 수 있는 자료구조이다. 배열은 순서가 있는 요소들의 집합으로, 각 요소는 인덱스를 사용하여 접근할 수 있다. Array 객체를 사용하여 배열을 생성, 초기화하는 예시 // 빈 배열 생성 let numbers = []; // 초기값을 가지는 배열 생성 let fruits = ['apple', 'banana', 'orange']; // 다양한 자료형의 값들로 구성된 배열 let mixedArray = [1, 'hello', true]; // 인덱스를 사용하여 요소에 접근 console.log(fruits[0]); // 'apple' 출력 // 배열 길이 확인 console.log(fruits.length); // 3 출력 // 새로운 요소 추가 fruits.push(..
