더북(TheBook)

코드 2-3에서 가장 먼저 눈에 띄는 점은 생명 주기 이벤트 로그를 사용하거나 중지할 수 있게 하는 APP_LOG_LIFECYCLE_EVENTS 변수를 정의했다는 것입니다. Vue 인스턴스 밖에 변수를 정의했기 때문에 루트 인스턴스나 나중에 작성할 자식 컴포넌트에서 전역적으로 사용할 수 있습니다. 이 변수를 애플리케이션 인스턴스 내에서 정의했다면 beforeCreate 콜백에서는 아직 생성되지 않았기 때문에 사용할 수 없습니다.

Note

APP_LOG_LIFECYCLE_EVENTS는 이후에 ECMAScript 6에서 상수를 만들 때 const 기능을 활용할 것이기에 상수 정의에 전형적으로 쓰는 대문자 구문을 사용했습니다. 미리 선언해 두면 나중에 코드에서 이름을 바꾸려고 변수를 찾아 헤맬 필요가 없습니다.

 

나머지 코드는 각 생명 주기 이벤트가 발생할 때마다 기록해 주는 함수를 정의한 내용입니다. 다시 콘솔로 돌아가서 sitename 속성을 사용하여 Vue 생명 주기에서 무슨 일이 일어나는지 봅시다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.