vue.js

Vue.js를 통해 SPA(싱글 페이지 애플리케이션)을 만들게 된다면, 아마도 Vue Router 라이브러리를 사용할 겁니다. 간단한 웹을 만드는 경우에야 크게 문제가 되지 않지만, 규모가 있는 웹 앱을 만드는 경우에는 접근 권한을 관리하기 위해 네비게이션 가드가 필수적입니다. 이 글에서는 Vue Router의 라이프 사이클 훅에 대해 이해하여, 이 네비게이션 가드가 어떻게 작동하는지 알아보겠습니다. 들어가기에 앞서 가드에 대해 먼저 짚고 넘어가려고 합니다. Vue Router 공식 문서를 보셨다면 가드(Guard)라는 용어를 많이 보셨을 겁니다. 이 글에도 많이는 아니지만 조금씩 사용되는 용어이기도 합니다. 공식 문서에서는 뷰 라우터의 훅을 주로 다른 곳으로 리다이렉션 하거나, 또는 페이지 이동을 취소..