728x90 반응형 javascript14 [Vue js] 아임포트 결제모듈 연동(KG 이니시스) https://www.iamport.kr/ 온라인 비즈니스의 모든 결제를 한곳에서, 아임포트 결제의 시작부터 비즈니스의 성장까지 아임포트와 함께하세요 www.iamport.kr - 로그인후 우측 상단의 관리자 콘솔 접근 1. 아임포트 설정 - 내 정보 탭에서 가맹점 식별코드 복사 - PG 설정에서 기본 PG 사 KG 이니시스 설정 후 저장 2. FrontEnd - public/index.html head에 추가 - Component 결제 2. TEST - 결제 금액 입력 후 결제 버튼 클릭 - 결제 진행 - 결제 성공 확인(console.log) - 아임포트 관리자 콘솔에서 결제 내역 확인 가능 ㅅㄱ 2021. 11. 9. [JS] 웹 FaceBook Login 연동 ( http / https ) https://developers.facebook.com Facebook for Developers 11월 9일~11월 22일에 개최 예정인 XR 해커톤 등록 글로벌 혁신가들과 함께 Spark AR 및 Presence 플랫폼으로 빌드하고 상금을 차지할 기회를 노리세요. Messenger를 사용한 로그인 연결 정식 출시 이제 타 developers.facebook.com 1. FaceBook Developer 앱 생성 - 앱 만들기 - 소비자 선택 후 다음 - 앱 이름 , 이메일 입력후 앱 만들기 - 비밀번호 입력후 제출 2. FaceBook Developer 테스트 앱 생성( http에서 테스트용으로 사용하기 위함, https 를 제공한다면 건너 뛰어도 무방 ) - 좌측 상단 앱 클릭 후 테스트 앱 만들.. 2021. 11. 9. [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. [Javascript] 날짜의 차이를 퍼센트로 구하기 Percent : (현재 - 시작) / (종료 - 시작) * 100 var start_date_full = "20200105"//시작일 var end_date_full = "20210801"//종료일 /* 년 / 월 / 일을 쪼갬 */ var start_year = start_date_full.substring(0, 4); var start_month = start_date_full.substring(4, 6); var start_day = start_date_full.substring(6, 8); var end_year = end_date_full.substring(0, 4); var end_month = end_date_full.substring(4, 6); var end_day = end_date_.. 2021. 6. 14. Fireabase Functions 셋팅 1. Firebase 프로젝트에 Functions기능을 사용하기 위해 요금제를 업그레이드한다 ( 종량제 ) 계속 진행 ! 2. 로컬에 개발환경을 구축해야한다. ( 선행으로 nodejs, npm 을 설치해야함 ) - npm install -g firebase-tools 로 firebase-tools 설치 3. 로컬에서 fireabse 프로젝트에 접근하기 위해 로그인 - Firebase CLI(로컬)가 내 Google 계정에 엑세스하려고 합니다 라는 연결요청이 웹으로 온다 ( 자동실행됨 ) 4. firebase 프로젝트 시작 및 초기 셋팅 5. 로컬에 생성된 프로젝트 확인 6. index.js 수정 7. 배포 및 URL 확인 8. 확인한 URL이 유효한지 확인 및 사용자 접속확인(Firabase Console) 2020. 12. 29. 무한스크롤 만들기(ajax) - 쉬움주의 HTML 이 이미지는 1번째 이미지입니다. 이 이미지는 2번째 이미지입니다. 이 이미지는 3번째 이미지입니다. 이 이미지는 4번째 이미지입니다. 이 이미지는 5번째 이미지입니다. CSS body{ padding:0; margin:0; -ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; overflow:auto; } .fadein { -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms.. 2020. 5. 6. 이전 1 2 3 다음 728x90 반응형
