그린티_

  • 홈
  • 태그
  • 방명록

Dom 1

(CS) [웹 작동 원리] DOM과 BOM

DOM vs BOM📚 DOM이란?DOM(Document Object Model)웹 페이지의 HTML 문서를 객체(트리) 형태로 표현한 구조브라우저는 이 DOM을 통해 페이지 내용을 읽고, 변경하고, 추가하고, 삭제할 수 있음HTML은 원래 단순한 “문자열”이지만, 브라우저는 이걸 JS가 다룰 수 있도록 객체 트리 구조로 변환해줌트리 구조 : 요소들이 부모-자식 관계로 구성됨실시간 조작 가능 : JS로 DOM을 수정하면 즉시 화면에 반영됨이벤트 바인딩 : 특정 요소에 클릭 등 이벤트를 연결할 수 있음⸻DOM 예시 코드// 문서에서 요소를 찾고 텍스트 변경document.querySelector('h1').textContent = '👋 안녕, DOM!';// 배경색 변경document.body.styl..

카테고리 없음 2025.10.30
이전
1
다음
더보기
프로필사진

그린티_

프론트엔드 개발자입니다! 노션에만 기록하다가 블로그에도 조금씩 올리려고 합니당! ㅎㅎ 열심히 아자아자!

반응형
  • 분류 전체보기
    • 프론트엔드
      • Next.js
      • React
      • ReactNative
      • JavaScript
      • TypeScript
    • 백엔드
    • 코테
      • Java
      • JS
      • Python
    • CS 공부
      • OS 운영체제
      • 네트워크
      • 웹 작동 원리
      • 렌더링 과정
      • SPA vs MPA
    • GitHub
    • Unity 게임

최근글과 인기글

  • 최근글
  • 인기글

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바