SPA2 [Vue.js] 20. Google OAuth 2.0 사용하기 (3) 지난 시간에 이어서 Goolge OAuth 2.0을 web application에 적용하는 방법을 알아보겠습니다. 전체적인 단계는 아래의 순서로 살펴보겠습니다. Create user authorization credentials web application에 적용해서 Login / Logout 구현하기 Token 전송 및 Google API 호출 / 사용하기 현재까지 진행된 단계를 살펴보면, Create user authorization credentials을 수행하였고 web application에서 Google OAuth로 Login 단계를 진행하여 해당 web application에서 개별 사용자의 접근 정보를 사용할 수 있도록 승인하는 부분까지 구현이 되었습니다. 이를 통해서, Google에 개인.. 2021. 4. 14. [Vue.js] 04. vue-router 오늘은 SPA(Single Page Application)의 시작이 되는 vue-router에 대해서 간단하게 알아보겠습니다. SPA라 함은 싱글 페이지 어플리케이션을 이르는 말로, 전체 vue.js로 개발된 화면들이 하나의 페이지로 동작을 하게됩니다. 따라서 화면의 이동을 위해서는 전체 URL을 사용해서 진행하는 것이 아닌... router를 통해서 해당 화면으로 이동하는 방식을 사용하게 됩니다. 이런 router 기능을 제공하는 것이 vue에서는 vue-router 플러그인 입니다. 그럼 vue-cli를 통해서 자동으로 생성한 프로젝트를 뜯어보면서 vue-router 동작 구조를 살펴보겠습니다. 왜냐하면, 자동으로 기본구성이 되어있기 때문입니다. 1. 라우터 객체생성 우선 최초로 시작되는 vue in.. 2021. 2. 4. 이전 1 다음