October 2024
Beginner to intermediate
452 pages
9h 28m
Korean
Content preview from 실전 코드로 배우는 Vue.js
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,
O’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.I 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.I’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.I'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.
197
CHAPTER 04
컴포넌트 상호작용
점을 연기하는 방법도 있다. 이 방식은 사용자가
Open
modal
버튼을 클릭할 때만 텔레포트
가 작동한다. 양쪽 모두 장단점이 있으므로 상황에 따라 적합한 방식을 선택하기 바란다.
가장 일반적인 해결책은 대상 엘리먼트를
body
엘리먼트의 직속으로 배치함으로써
Vue
렌
더링 콘텍스트로부터 대상을 완전히 격리하는 것이다.
<
Teleport
>
를 응용하면 전체 화면 모드, 모달, 사이드바 등의 각종 시각 효과를 극대화할
수 있다. 그와 동시에 코드 체계, 컴포넌트 격리 구조, 가독성 등의 특성은 고스란히 유지할
수 있다는 점은
<
Teleport
>
의 큰 장점이다.
정리정리
이번 장에서는
Vue
에 내장된
props
,
emites
,
provide
/
inject
등의 기능과 컴포넌트 통
신의 다양한 개념을 살펴보았다.
Vue
의 데이터 흐름 메커니즘을 거스르지 않으면서 컴포넌
트 간 데이터와 이벤트를 전달하는 방법도 배웠다. 또한 부모 컴포넌트의
<
template
>
구조
를 유지하면서 텔레포트
API
로
DOM
트리 외부에 엘리먼트를 렌더링할 수 있었다.
<
Tele-
port
>
는 팝업, 대화 상자, 모달처럼 메인 페이지 엘리먼트와 나란히 표시할 요소를 컴포넌트
로 구성할 때 필수적이다.
다음 장에서는 컴포지션
API
를 자세히 알아보고 이를 이용해
Vue
컴포넌트를 구성하는 방
법을 살펴볼 것이다.
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
O’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.
I 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.
I’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.
I'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.