Skip to Content
실전 코드로 배우는 Vue.js
book

실전 코드로 배우는 Vue.js

by 마야 셰빈, 정병열
October 2024
Beginner to intermediate
452 pages
9h 28m
Korean
Hanbit Media, Inc.
Content preview from 실전 코드로 배우는 Vue.js
75
CHAPTER 02
Vue의 기본 작동 방식
그림
2-17
버튼 클릭 전의 메시지 버튼 클릭 전의 메시지
버튼을 클릭하면 [그림
2
-
18
]처럼 ‘
Button
is
clicked
!’로 메시지가 변경된다.
그림
2-18
버튼 클릭 이후 메시지 버튼 클릭 이후 메시지
2.12.1
v
-
on
이벤트 수정자를 이용한 이벤트 처리
브라우저는 대상 엘리먼트에 이벤트를 전달하기에 앞서 현재
DOM
트리 구조를 바탕으로
해당 이벤트의 전파
propagation
경로 목록을 구성한다. 이 경로의 마지막 노드는 대상 자체이고,
이전 경로는 차례로 상위 엘리먼트가 나열된다. 일단 전달된 이벤트는 다음과 같이 세 가지
주요 이벤트 페이즈 중 하나 또는 모두를 거치며 이동한다 (그림
2
-
19
).
캡처캡처
capturecapture
또는 캡처 페이즈 또는 캡처 페이즈
capturecapture
phasephase
이벤트는 최상위 엘리먼트에서 대상 엘리먼트로 이동 또는 전파된다.
대상대상
targettarget
이벤트는 대상 엘리먼트에 존재한다.
버블링버블링
bubblingbubbling
이벤트가 대상 엘리먼트에서 상위 엘리먼트까지 이동 또는 버블링한다.
76
실전 코드로 배우는 Vue.js
일반적으로 개발자는 리스너 로직 안에서 프로그램을 통해 이벤트 전파 흐름을 간섭한다.
v
-
on
의 ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

실전 자바 소프트웨어 개발: 4가지 프로젝트로 배우는 최신 자바 개발 기법

실전 자바 소프트웨어 개발: 4가지 프로젝트로 배우는 최신 자바 개발 기법

우정은, 라울-게이브리얼 우르마, 리처드 워버턴
자바스크립트 + 리액트 디자인 패턴

자바스크립트 + 리액트 디자인 패턴

애디 오스마니(Addy Osmani)
실무로 통하는 타입스크립트

실무로 통하는 타입스크립트

슈테판 바움가르트너

Publisher Resources

ISBN: 9791169212991