DOM이 뭐야 — 웹페이지를 나무 구조로 본 설계도
DOM은 브라우저가 HTML 문서를 나무(트리) 구조로 정리해둔 것으로, 자바스크립트는 이 구조를 통해 화면을 바꿉니다.2026년 7월 기준으로, AI에게 코딩을 맡기다 보면 "DOM을 조작한다"는 말과 자주 마주칩니다.이 글을 읽으면 웹페이지 화면이 어떻게 바뀌는지, 그 원리 한 가지를 확실히 잡을 수 있습니다.DOM은 브라우저가 HTML을 나무 구조로 해석해둔 것입니다. 자바스크립트는 이 나무에서 원하는 부분을 찾아 내용이나 색을 바꾸고, 그 순간 화면이 바뀝니다.화면은 대체 어떻게 바뀌는 걸까웹페이지에서 버튼을 누르면 글자가 바뀌거나 새 항목이 나타납니다.페이지를 새로 불러온 것도 아닌데 화면 일부가 달라집니다.이렇게 "부분만 바뀌는" 일의 한가운데에 DOM이 있습니다.브라우저는 HTML 파일을 읽..
서버·개발/코드 노트
2026. 7. 21. 21:15
