클라이밍하는 개발자

  • 홈
  • 태그
  • 미디어로그
  • 위치로그
  • 방명록

이벤트전파 1

이벤트 전파(event propagation)에 대해서 설명해주세요.

📦 이벤트는 어떻게 움직일까?우리가 버튼을 클릭하거나 화면을 터치하면,브라우저는 이 이벤트를 어떤 방식으로 처리할까요?이벤트는 단순히 "딱!" 하고 거기서 끝나는 게 아니라,DOM(Document Object Model)을 따라 "전파"되는 특징이 있어요!🧭 이벤트 전파의 3단계1️⃣ 캡처링(Capturing) 단계 👀📍 DOM 최상단(document)부터 시작해서👇 이벤트 타겟 요소로 내려오는 과정2️⃣ 타겟(Target) 단계 🎯👉 이벤트가 실제로 발생한 타겟 요소에 도착!여기서 등록된 이벤트 리스너가 실행됩니다.3️⃣ 버블링(Bubbling) 단계 🫧⬆️ 타겟에서 시작해서 다시 DOM 상위 요소들로 올라가는 과정📘 예시 코드로 확인해볼까요? 클릭해봐요!document.getElem..

1일 1CS(Computer Science) 2025.04.21
이전
1
다음
더보기
프로필사진

클라이밍하는 개발자

  • 코딩 (524) N
    • 1일 1CS(Computer Science) (120) N
    • 1일 1네트워크 (45)
      • 제 1장: 네트워크의 기초 (11)
      • 제 2장: 네트워크 모델 (2)
      • 제 3장: IP주소 (5)
      • 제 4장: 제4장: 데이터 링크와 네트워크 계층 .. (5)
      • 제 5장: 트랜스포트층의 프로토콜 (3)
      • 제 6장: 애플리케이션 계층 프로토콜 (11)
      • 제 7장: 라우팅의 기초 (3)
      • 제 8장: 네트워크 보안 (3)
    • 1달 1독후감 (10)
    • Computer Science (CS) (8)
    • 입사후 공부한 내용 (9)
    • 코딩공부 (146)
      • Next.js (5)
      • 개발지식 (62)
      • Node.js (16)
      • Nest.js (4)
      • Java Script (5)
      • Type Script (1)
      • DB (5)
      • SQL (4)
      • 파이썬 (8)
      • GIT (2)
      • 공부지식 (8)
      • 컴퓨터구조 (8)
      • 운영체제 (6)
      • 네트워크 (1)
      • 리눅스 (1)
      • 상태관리 Zustand (2)
      • MCP (1)
    • 프로그래머스 문제풀이 (13)
    • 기초코드 (12)
    • 내일배움캠프 (12)
    • 클라이밍 (2)
    • 일기 (140)
      • 개발일기 (12)
      • TIL (94)
      • WIL(Sun) (17)
      • 에러일기 (12)
      • 면접일기 (0)
      • 포트폴리오 (0)
      • 기타 (2)

Tag

스파르타, 매일메일, react, 운영체제, 프론트엔드, 비동기, tcp, 독후감, db, 내일배움캠프, 내일배움단, 자바스크립트, IP, CS, 백엔드, HTTP, 스파르타코딩클럽, 네트워크, node.js, Next.js,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • Real Story

티스토리툴바