728x90 반응형 vuejs3 [Vue js] 카카오 로그인 연동 1. Kakao Developers 셋팅 - https://developers.kakao.com Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 로그인 -> 내 애플리케이션 -> 애플리케이션 추가하기로 앱 추가 요약 정보 -> JavaScript 키 기록 플랫폼 -> 사이트 도메인 등록(http://localhost 가능) 카카오 로그인 -> ON -> Rdeirect URL 등록 동의항목 -> 카카오 계정(이메일) 동의 2. FrontEnd - public/index.html에 스크립트 추가 - component 카카오 연동 3. 테스트 결과값.. 2021. 11. 5. [Node js] SMS 문자 전송 with Vue js - SMS 전송 서비스 알리고 API 사용 ( https://smartsms.aligo.in/main.html ) - 백엔드 ( Node js express ) - 프론트엔드 ( Vue js ) 1. 알리고 API 셋팅 - 포인트 충전 : 최소 5만원부터 시작 ㅠㅠ - 담당자 추가 - API Key 발급 신청 : IdenTifier, 발급키 사용해야함 - 발송 서버 IP 추가 : NodeJS 설치한 서버 IP 추가 - 발신번호 추가 2. SMS 전송 백엔드 - npm install aligoapi --save var express = require('express'); const aligoapi = require('aligoapi'); var router = express.Router(); var Aut.. 2021. 11. 2. [Vue js 반응형 웹페이지] 페이지구성 + Router 설정 사용할 모듈 설치 ㄱㄱ ( vue-router , jquery ) npm install --save vue-router npm install jquery --save npm i -g npm-check-updates 사용할 vue 파일 4개 + Nav 파일 + router.js 파일 생성 router.js import Vue from 'vue' import Router from 'vue-router' import page1 from './views/page1.vue' import page2 from './views/page2.vue' import page3 from './views/page3.vue' import page4 from './views/page4.vue' Vue.use(Router) expor.. 2021. 5. 7. 이전 1 다음 728x90 반응형
