분류 전체보기 (169) 썸네일형 리스트형 [Vue] 모바일 전용 화면 보여주기 methods: { isMobile() { if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { return true } else { return false } } } const isMobile = () => { if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { return true; } return false; }; iamport 카드등록 후 즉시결제 // ============================== 빌링키 발급 요청 + 최초 결제 시작 ========================================== // const billingAndPayment = await axios({ // url: '/subscribe/payments/onetime', // method: 'post', // headers: { Authorization: access_token }, // 인증 토큰을 Authorization header에 추가 // data: { // customer_uid, // merchant_uid, // 새로 생성한 결제(재결제)용 주문 번호 // amount: 100, // 가격 // vat_amount: 0, // name: .. iamport 직접 결제 // // 카드등록 확인 눌렀을 시 // const pay = async () => { // // "/billings" 에 대한 POST 요청을 처리하는 controller // // 인증 토큰 발급 받기 // const getToken = await axios({ // url: '/users/getToken', // method: 'post', // POST method // headers: { 'Content-Type': 'application/json' }, // "Content-Type": "application/json" // data: { // imp_key: '317asd3240', // REST API키 // imp_secret: 'Y5cUoUasdoMqCCqVgbMjPi' // REST .. 일정공지 템플릿 언제 누구랑 무엇을 어떤 역할을 어디서 비인증방식의 빌링키 발급 비인증 카드 자동결제 카드정보를 개발사의 UI내에서 받아 REST API로 결제하는 시나리오다. 개발사가 카드입력창을 직접 구현하여 자동결제를 위한 빌링키를 가져오는 작업을 비인증방식의 빌링키 발급이라고 합니다. 스타트업의 경우 조금 더 Brand Identity를 녹여낼 수 있다는 장점이 있지만, 개발량이 많아질 수 있습니다. 발급받은 빌링키는 DB에 저장하시길 추천합니다. 설치하기 클라이언트(Vue3+TS) 에서 ENTRY POINT 규격에 맞게 API를 그대로 호출하기. (axios 이용해서 http request 해보기) 2. 서버에서 빌링키 발급 요청 개발량이 조금 있더라도 자신의 서비스에 카드입력폼을 임베디드하여 UI를 구성하고픈 스타트업은 자유롭게 화면을 구성하시고, 아래 정보들을 REST .. [Vue3] NaN 방어코드 사용자가 input 박스에 값을 입력하면 합계를 자동으로 출력하는 코드를 만들었다. 문제1. 숫자가 아닌 값(string 또는 null)이 들어갈 경우 합계가 NaN이 나온다. 우선 를 추가해 오직 숫자만 입력될 수 있도록 했다. 문제2. Backspace를 넣을 경우(null) NaN이 나오는데 값이 없을 때 0으로 인식하게 했다. string이 들어갈 수 없도록 방지 {{ getCmsTotal(index) }} Number.isNaN으로 null일 때 0으로 인식되도록 함 // 수량 수정 const changeCmsQuantity = (e: Event, index: number) => { const target = e.target as HTMLInputElement; cmsItemList[index].. [Vue3] map함수와 reduce함수로 total 구하기 // CMS 결제 관련 함수 const cmsItemTitle = reactive({ groups: [{ groupName: 'CMS 결제' }] }); const cmsItemList = reactive([ { cmsName: '태블릿', cmsMonth: 12, cmsPrice: 9900, cmsQuantity: 10, cmsTotal: 0, }, { cmsName: '마스터 태블릿', cmsMonth: 12, cmsPrice: 9900, cmsQuantity: 1, cmsTotal: 0, }, ]); 기존 코드 ( map 함수) const getTotalAnnualFee = () => { let sum = 0; cmsItemList.forEach((item: any) => { sum += item... [Vue3] 새 창으로 열기 클릭하여 새 창 열기 const openCustomView= () => { window.open( '#/customView', '', 'resizable=no,status=no,width=1150,height=950', ); }; 모달 말고 새로운 윈도우 여는 법입니다. 이전 1 ··· 7 8 9 10 11 12 13 ··· 22 다음