DOM? (★★★)
- Document Object Model 의 약자
- HTML 문서에 대한 인터페이스이다. (HTML 문서 형태를 시각화)
- 웹 페이지와 스크립트 사이의 다리 역할을 한다.
- JS을 통해 DOM의 요소를 조작할 수 있기 때문에 DOM 구조를 잘 파악하는 것이 중요하다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="box1" style="width:500px;height:300px; background-color: black;"></div>
<script>
let box_element = document.getElementById("box1");
box_element.style.backgroundColor = 'orange'; // JS을 통해 DOM의 요소를 조작할 수 있다.
</script>
</body>
</html>
