DOM에 대한 이해

간단히 말해 HTML 문서를 나타내는 트리 구조인데, JavaScript에서 사용되어 HTML / CSS를 조작해 상호 작용 기능을 추가할 수 있다. 

그런 작업을 하기 위해서 DOM API, 즉 상호 작용을 도우는 메소드가 있는데, 일반적으로 document API, element API, event API, node API가 있다.

 

1. Document API :

2. Element API

3. Event API

4. Node API

 

JavaScript를 사용하여 프로젝트 몇 번 해보았지만 기본적인 개념을 다시 끄집어내서 배우니 내가 쓰던 코드들이 어떠한 목적을 가지고 grouping 되어있는지 복습하는 기회였다.