목록2020/11 (2)

강디너의 개발 일지

javascript - 네이버 로그인 with Vue.js

목표 Vue.js를 이용하여 네이버 로그인 네이버 AccessToken 가져오기(RefreshToken은 제공 안 한다고 함) AccessToken을 이용해서 네이버 API 사용하기 준비물 네이버 어플리케이션 등록 clientId, callbackUrl 값이 필요합니다. 네이버 API 설명서 1. index.html에 아래 코드 삽입 (Naver SDK) 2. DOM이 mount 된 후에 실행될 수 있도록 로직을 짜줍니다. LoginNaver.vue login.js const naverService = () => { const naverLogin = new window.naver.LoginWithNaverId({ clientId: "a0K------------Xfk", callbackUrl: "http:..
Javascript/Vue.js 2020. 11. 13. 23:53
javascript - firebase, google 로그인 with Vue.js

목표 Vue.js를 이용하여 firebase, google 로그인 google AccessToken, RefreshToken 가져오기 Firebase 1. Firebase 프로젝트 설정에서 Google 로그인 사용 설정을 허용합니다. 2. Firebase SDK 설치 (현재 8.0.0 버전) npm install --save firebase 3. Firebase 세팅 (firebase.google.com/docs/auth/web/google-signin) Vue 컴포넌트가 생성 될 때 firebase 초기화 후 로그인 이벤트 설정해줍니다. Google 1. 아래 구글 개발자 콘솔에서 프로젝트 생성 및 OAuth 2.0 클라이언트 ID를 얻습니다. console.developers.google.com/ 2..
Javascript/Vue.js 2020. 11. 5. 01:37
Prev 1 Next