렌더링 (Rendering)
- HTML, CSS, JavaScript 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정
DOM (Document Object Model)
- 웹 페이지의 콘텐츠, 구조, 스타일 요소를 구조화하여 요소에 접근 및 조작 등을 할 수 있도록 제공하는 Web API
- JS 와 같은 스크립트 언어가 쉽게 웹페이지에 접근하고 조작할 수 있게 요소 객체와 연결해주는 역할
Document
- 웹 페이지 자체를 가리키는 객체로, HTML 요소에 접근하려면 반드시 이 객체를 통해서 접근
<!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>
<h1 id="h1Tag">DOM 사용하기</h1>
<script>
// document -> 문서
// . -> 접근을 한다
// get -> 가지고 오겠다
// Element -> 요소
// ById -> 아이디를
let h1Element = document.getElementById('h1Tag')
console.log(h1Element);
</script>
</body>
</html>
개발자