바이브 코딩 사전
문서 객체 모델
영어 표기
DOM (Document Object Model)
예시
사용자가 검색어를 입력하면 JavaScript가 DOM의 목록 영역을 갱신해 필터링된 카드만 보여준다.
브라우저가 HTML 문서를 읽어 JavaScript로 조작할 수 있는 객체 트리로 바꾼 구조이다. 버튼을 클릭하면 문구가 바뀌거나, 입력값에 따라 목록이 다시 그려지는 동작은 DOM을 읽고 변경하는 일이다. React 같은 프레임워크는 직접 DOM을 만지는 코드를 줄여주지만, 결국 화면에 보이는 변화는 DOM 업데이트로 나타난다.
- 카테고리
- 프론트엔드·UI
- 난이도
- basic
- 태그
- DOM · 브라우저
- 슬러그
- dom
- 상태
- published
- 정렬 순서
- 103
함께 읽기