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
107
CHAPTER 03
컴포넌트 구성
3.3.2
beforeCreate
beforeCreate
Vue
렌더러가 컴포넌트 인스턴스를 생성하기
이전
에 실행된다. 이때
Vue
엔진은 컴포넌트를 초기화했지만 아직
data
()
함수를 실행하거나
computed
속성을 계산하
지 않은 상태다. 따라서 반응형 데이터를 아직 사용할 수 없다.
3.3.3
created
created
훅은
Vue
엔진이 컴포넌트 인스턴스를 생성한
이후
에 실행된다. 컴포넌트 인스턴
스와 반응형 데이터, 와처,
computed
프로퍼티, 메서드 정의 등이 존재하는 단계다. 그러나
Vue
엔진은 아직 컴포넌트 인스턴스를
DOM
에 마운팅하지 않았다.
created
훅은 컴포넌트의
최초 렌더링 이전
에 실행된다. 외부 리소스에서 컴포넌트로 데이터
를 로드할 때처럼
this
가 필요한 작업을 실행하는 단계다.
3.3.4
beforeMount
beforeMount
훅은
created
다음에 실행된다. 이 시점에
Vue
는 컴포넌트 인스턴스를 생성
하고 최초 렌더링에 사용할 템플릿 컴파일을 마친다.
3.3.5
mounted
mounted
훅은 컴포넌트의 최초 렌더링 다음에 실행된다. 이 페이즈가 되면 $
el
프로퍼티를
통해 컴포넌트가 렌더링한
DOM
노드에 액세스할 수 있다. 컴포넌트의
DOM
노드를 이용
해 부차적인
side
-
effect
계산을 해야 하는 경우 이 훅에서 처리한다.
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