반응형

이벤트 리스너 2

자바스크립트 DOM 이해하기. DOM 트리, 요소 조작, 이벤트 리스너 - 자바스크립트 #9

이번에는 자바스크립트의 주요 기능 중 하나인 DOM (Document Object Model)에 대해 정리해 보겠습니다. 이 기능은 자바스크립트 기능의 하나일 뿐만 아니라 HTML을 분석에 대한 기본적인 개념을 이해할 수 있고 또, 요즘 많이 쓰이는 기술 중 하나인 웹크롤링의 기본적인 개념과도 연결됩니다.  자바스크립트 DOM (Document Object Model)DOM은 'Document Object Model'의 약자로, 한국어로는 '문서 객체 모델'이라고 번역할 수 있습니다. 이는 웹 페이지의 내용을 프로그래밍 언어(이 경우 자바스크립트)로 조작할 수 있게 해주는 인터페이스입니다. DOM을 이해하기 위해, 우리가 보는 웹 페이지를 하나의 문서로 생각해 봅시다. 이 문서는 여러 요소들(예: 제목,..

자바스크립트 이벤트 객체와 리스너 addEventListener 활용법 - 자바스크립트 #8

자바스크립트의 이벤트에 대해 정리해 보겠습니다. 자바스크립트에서 이벤트에 대한 기본 개념을 쉽게 이해할 수 있도록 설명하고, 실용적인 예시 코드와 함께 자세히 학습할 수 있도록 설명하려 합니다.자바스크립트 이벤트자바스크립트에서 이벤트란 웹 페이지에서 발생하는 특정한 순간이나 동작을 말합니다. 예를 들어, 사용자가 버튼을 클릭하거나, 마우스를 움직이거나, 키보드를 누르는 등의 동작이 모두 이벤트에 해당합니다. 이벤트는 웹 페이지와 사용자 간의 상호작용을 가능하게 하는 중요한 요소입니다.  이벤트 리스너 (Event Listener)이벤트 리스너는 특정 이벤트가 발생하기를 "기다리다가" 그 이벤트가 발생했을 때 실행될 코드를 지정하는 방법입니다. 이를 통해 우리는 사용자의 동작에 반응하는 동적인 웹 페이지를..

반응형