JIWON'S DEV
close
프로필 배경
프로필 로고

JIWON'S DEV

  • 분류 전체보기 (106)
    • HTML (1)
    • STYLESHEET (8)
      • STYLE- 참고 (2)
      • CSS (1)
      • SCSS (5)
    • JavaScript (24)
      • 실무 (3)
      • 모던 자바스크립트 딥다이브 - 스터디 (3)
      • 기본 (11)
      • 스터디(책 200제 포함) (2)
      • react (0)
      • vue (5)
      • angular (0)
    • jQuery (12)
      • 기본 (10)
      • rib - jQgrid (2)
    • Java (2)
      • framework (1)
      • Springboot (1)
      • Thymeleaf (0)
    • Python (0)
    • ERROR (1)
    • Portfolio (7)
      • web (6)
      • mobile(android) (1)
    • web_dev (4)
    • git (2)
    • 데이터베이스 (5)
      • 기본개념 (1)
      • SQL (3)
      • PHP (1)
    • Design (0)
      • Photoshop (0)
      • illustrator (0)
      • Figma (0)
    • Tools (2)
      • [젯브레인]IntelliJ (1)
      • VSCode (0)
      • 이모저모 툴 (1)
    • 기타 (0)
      • IT영어 (0)
      • 공무원준비 (0)
    • 대학교 공부 & 과제 2016~2022 (21)
      • 컴퓨터공학과 (5)
      • 시스템관리 (16)
      • 경찰학과 (0)
      • 교양 (0)
    • 자격증 (4)
      • 웹디자인기능사 (3)
      • 정보처리기사 (1)
      • 전자계산기조직응용기사 (0)
      • 한국사능력검정시험 (0)
      • 공인영어 (0)
    • 참고 (8)
      • 네트워크 (3)
      • 사이트 (4)
    • 개발 (0)
      • 회고 (0)
    • 면접&취준 (1)
    • 교환학생 & 인턴 & 국내외 여행 (0)
      • 국내여행 (0)
      • 우한(武汉) 중남민족대-中南民族大学 (2018.0.. (0)
      • 중국(中国) (0)
      • 일본(日本) (0)
      • 공공데이터 청년인턴(2020.08~2020.12) (0)
    • 공모전 (1)
      • 공공데이터 해커톤 (0)
      • 전국 대학생 think 통일 콘텐츠 프리젠테이션 .. (1)
    • 일상 (0)
      • 독서 (0)
  • 홈
  • 태그
  • 방명록
  • jiwon's git
문서 객체 모델 (DOM)

문서 객체 모델 (DOM)

문서 객체 모델 - Document object Model의 약어로 DOM이라고도 함 - 웹 문서를 로드할 때, 브라우저는 구성 요소들을 객체화하여 트리 구조의 DOM 생성 - HTML DOM은 HTML 구성요소들을 획득, 변경, 추가, 삭제하기 위한 표준 - HTML 문서를 브라우저에서 로드 시 각 구성요소들을 객체화하여 객체 트리 구조를 나타냄 위의 HTML의 문서 객체 구조를 그림으로 표현하면 다음과 같이 트리 구조로 되어있다. 즉 그림을 거꾸로 뒤집으면 나무가 가지를 뻗은 모양과 비슷하다. 여기서 html 태그는 뿌리(root)를 의미한다. 이 뿌리로 부터 가지처럼 뻗어나가는 것을 노드라고 한다. DOM의 기능 1.HTML 문서에 대한 모델 구성 브라우저는 HTML 문서를 로드한 후 해당 문서에 ..

  • format_list_bulleted JavaScript/기본
  • · 2022. 6. 29.
  • textsms
  • navigate_before
  • 1
  • navigate_next
전체 카테고리
  • 분류 전체보기 (106)
    • HTML (1)
    • STYLESHEET (8)
      • STYLE- 참고 (2)
      • CSS (1)
      • SCSS (5)
    • JavaScript (24)
      • 실무 (3)
      • 모던 자바스크립트 딥다이브 - 스터디 (3)
      • 기본 (11)
      • 스터디(책 200제 포함) (2)
      • react (0)
      • vue (5)
      • angular (0)
    • jQuery (12)
      • 기본 (10)
      • rib - jQgrid (2)
    • Java (2)
      • framework (1)
      • Springboot (1)
      • Thymeleaf (0)
    • Python (0)
    • ERROR (1)
    • Portfolio (7)
      • web (6)
      • mobile(android) (1)
    • web_dev (4)
    • git (2)
    • 데이터베이스 (5)
      • 기본개념 (1)
      • SQL (3)
      • PHP (1)
    • Design (0)
      • Photoshop (0)
      • illustrator (0)
      • Figma (0)
    • Tools (2)
      • [젯브레인]IntelliJ (1)
      • VSCode (0)
      • 이모저모 툴 (1)
    • 기타 (0)
      • IT영어 (0)
      • 공무원준비 (0)
    • 대학교 공부 & 과제 2016~2022 (21)
      • 컴퓨터공학과 (5)
      • 시스템관리 (16)
      • 경찰학과 (0)
      • 교양 (0)
    • 자격증 (4)
      • 웹디자인기능사 (3)
      • 정보처리기사 (1)
      • 전자계산기조직응용기사 (0)
      • 한국사능력검정시험 (0)
      • 공인영어 (0)
    • 참고 (8)
      • 네트워크 (3)
      • 사이트 (4)
    • 개발 (0)
      • 회고 (0)
    • 면접&취준 (1)
    • 교환학생 & 인턴 & 국내외 여행 (0)
      • 국내여행 (0)
      • 우한(武汉) 중남민족대-中南民族大学 (2018.0.. (0)
      • 중국(中国) (0)
      • 일본(日本) (0)
      • 공공데이터 청년인턴(2020.08~2020.12) (0)
    • 공모전 (1)
      • 공공데이터 해커톤 (0)
      • 전국 대학생 think 통일 콘텐츠 프리젠테이션 .. (1)
    • 일상 (0)
      • 독서 (0)
최근 글
인기 글
최근 댓글
태그
  • #웹개발
  • #오블완
  • #정규표현식
  • #CSS
  • #Database
  • #HTML
  • #SQL
  • #Javascript
  • #자바스크립트
  • #모던 자바스크립트 딥다이브
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바