# 이벤트
[Javascript] 캡쳐링과 버블링
자바스크립트가 어떻게 이벤트를 처리하는지에 대해서 알아보겠습니다.자바스크립트의 이벤트는 특정 요소에서 발생합니다. 그리고 이 DOM은 여러 객체들로 이루어져있고요. 그래서 이벤트가 발생하면 부모 요소부터 시작해서 이벤트가 발생한 하위 요소까지 전달되며, 이 단계를 캡쳐
[Javascript] 이벤트 객체
지난 시간에 다뤘던 이벤트 핸들러와 이벤트 리스너는 인수로 이벤트 객체라는 것을 받습니다. 이 이벤트 객체를 통해 핸들러와 리스너 내부에서 이벤트 발생에서 얻을 수 있는 정보들을 얻을 수 있습니다.위 코드에서 두 번째 인자인 리스너에 전달된 e가 바로 이벤트 객체입니다
드래그로 선택 가능한 테이블 만들기 (feat. MouseEvent, TouchEvent)
use-table-drag-select시간표와 관련된 프로젝트에서 <table /> 요소를 마우스로 드래그해서 선택해야 하는 기능이 필요했습니다. 기능 요구 사항은 다음과 같습니다.테이블이 N\*M 크기라면 value 는 N\*M 크기를 가져야 합니다.value
Spring Boot Event
옵저버 패턴을 사용한 Event 기능 구현하기변화가 발생할 때 구독자에게 이벤트를 보내주는 역할ApplicationEventPublisher이벤트 공급자 기능을 수행하기 위한 Spring boot 의 라이브러리 객체publishEvent구독자에게 이벤트를 발생을 알리기
이벤트
하위 엘리먼트에 이벤트가 발생 시 그 엘리멘트부터 시작해 상위 요소까지 그 이벤트가 전달되는 것.상위 엘리먼트에 이벤트 핸들러가 있을 때 상위 엘리먼트부터 이벤트가 발생해 하위로 전달되는것.하위 엘리먼트들이 여러개 존재시 하위 엘리먼트들에 각각 이벤트 행들러를 달지 않
이벤트 위임 (Envet delegation)
이벤트 위임은 실제 바닐라 JS로 웹 앱을 구현할 때 자주 사용하는 코딩 패턴입니다.하위 요소에 각각 이벤트를 붙이지 않고 상위 요소에서 하위 요소의 이벤트를 제어하는 방식입니다.위와 같은 동작이 가능한 이유는 하위요소에서 이벤트가 발생시 버블링으로 상위요소에서도 해당
이벤트 캡처링 (Event capturing)
이벤트 캡처링이란? 이벤트 버블링과의 반대되는 성질을 가지고 있으며 상위요소에서 하위요소로 이벤트가 전달되는 특성입니다.
이벤트 버블링 (Event bubbling)
한 요소에 이벤트가 발생하면, 이 요소에 할당된 핸들러가 동작하고, 이어서 부모 요소의 핸들러가 동작합니다. 가장 최상단의 조상 요소를 만날 떄까지 이 과정이 반복되면서 요소 각각에 할당된 핸들러가 동작합니다.해당 코드를 실행 시켜보면 다음과 같은 순서로 동작한다
이벤트 기반 비동기 서비스 개발 - 소비자 그룹
이책은 스프링으로 하는 마이크로서비스 구축(스프링 부트와 스프링 클라우드를 이용한 도커/쿠버네티스 마이크로서비스) 책을 읽고 학습한 내용을 정리한 글입니다.📌 복합 서비스는 생성 및 삭제 이벤트를 각 핵심 서비스(Producs, Recommendations, Revi
DOM과 이벤트
문서 객체 모델(Document Object Model) : 객체 지향 모델로써 구조화된 문서를 표현하는 형식이다. DOM은 XML이나 HTML 문서의 프로그래밍 인터페이스이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하여
[8] 03/23 자바스크립트 수업
이벤트 리슨 : 이벤트를 listen마우스 이벤트 : click, dblclick, mousedown, mouseover, mouseout대상지정그 대상에게 원하는 짓 아무거나 하기count = count + 1 ( count가 1 증가한다 )function ( ) {
[6] 03/21 자바스크립트 수업
DOM 2차시 기본원리 1. 원하는 대상 선택 기본원리 2. 선택한 대상을 조작하기 document.querySelector( ) 를 통해 태그를 변수( let )로 선택한다 - class 또는 id 사용 선택한 태그를 조작한다 리스트지정.style.backgro