HyunJun 기술 블로그

1. DOM(Document Object Model)이란? 돔(문서 객체 모델)은 메모리에 웹 페이지 문서 구조를 트리구조로 표현해서 웹 브라우저가 HTML 페이지를 인식하게 해준다. console.log(document); console.dir(document); log 사용 시, 현재 페이지의 Element들의 구조만 나오고, dir로 확인 시 DOM의 전체적인 부분을 확인할 수 있다. Document를 객체화한 것이기 때문에 객체 접근을 사용할 수 있다. console.log(document.body); console.dir(document.body); 2. DOM 파헤치기 2-1. HTML -> DOM 아래와 같은 HTML 문서가 있을 때 브라우저가 이해하고 표현하기까지 어떠한 과정이 있을까? ..