클라이밍하는 개발자

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

event 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
다음
프로필사진

클라이밍하는 개발자

  • 코딩 (536)
    • 1일 1CS(Computer Science) (131)
    • 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)
    • 코딩공부 (147)
      • 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 (2)
    • 프로그래머스 문제풀이 (13)
    • 기초코드 (12)
    • 내일배움캠프 (12)
    • 클라이밍 (2)
    • 일기 (140)
      • 개발일기 (12)
      • TIL (94)
      • WIL(Sun) (17)
      • 에러일기 (12)
      • 면접일기 (0)
      • 포트폴리오 (0)
      • 기타 (2)

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 07  
일 월 화 수 목 금 토
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 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

  • Real Story

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.