[JS-중급편-DOM] 5. DOM 탐색

지금 쯤 깨달았을지 모르지만, 우리의 DOM은 거대한 나무처럼 보입니다. 위험하게 나뭇가지에 매달려 있고 뾰족한 것들을 피하려고 노력하는 거대한 나무입니다. 좀 더 기술적으로 이해하기 위해 DOM의 요소는 브라우저에서 최종적으로 보게 될 내용을 정의하는 계층 구조로 배열됩니다. 이 계층은 HTML 요소를 구성하는 데 사용됩니다. 또한 CSS 스타일 규칙이 어떤 스타일에 어떤 스타일을 적용할지 이해하는데도 사용됩니다. 자바 스크립트 관점에서 이 계층 구조는 약간의 복잡성을 추가합니다. DOM에서 현재 우리가 어디에 있고 어디에 있어야 하는지 알아내기 위해 상당한 시간을 할애해 공부해 보겠습니다. 주변에서 길 찾기 요소를 찾아서 멋진 작업을 수행하기 전에 먼저 요소가 있는 위치에 도달해야합니다. 이 주제를 ..

• format_list_bulleted 코딩/Javascript
• · 2021. 1. 23.
• textsms

[JS-중급편-DOM] 1. DOM 소개

지금까지 우리는 자바스크립트만 따로 살펴보았습니다. 기본 기능에 대해 많은 것을 배웠지만 HTML, CSS 없이 순전히 코드만 작성했는데요, 실제 웹 개발에서는 전혀 딴 세상입니다. 다음 섹션에서는 DOM(Document Object Model)으로 알려진 신비한 데이터 구조 및 프로그래밍 인터페이스에 대해 알아봅시다. 이것이 무엇인지, 왜 유용한 지, 그리고 향후 튜토리얼에서 수행할 모든 작업과 어떻게 연결되는지 배우게 됩니다. HTML, CSS, Javascript 가 하는 일 DOM이 무엇인지 알아보기 전에 이미 알고 있는 몇 가지를 빠르게 살펴 보겠습니다. 우선, HTML 문서에 넣는 내용은 HTML, CSS 및 JavaScript를 중심으로 구성됩니다. 브라우저에 표시되는 내용을 구축하는 데 있..

• format_list_bulleted 코딩/Javascript
• · 2021. 1. 6.
• textsms