728x90 반응형 Javascript23 [Vue js] Daum PostCode API 로 주소찾기 1. vue-daum-postcode 설치 npm i vue-daum-postcode --save 2. 컴포넌트 검색 3. RESULT 2021. 11. 2. [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. js 숫자 세자리마다 콤마찍기 function Comma(n) { var regexp = /\B(?=(\d{3})+(?!\d))/g; return n.toString().replace(regexp, ','); } 2021. 9. 6. 웹 에디터(Summernote) 셋팅 및 이미지 업로드(With PHP) https://summernote.org/ Summernote - Super Simple WYSIWYG editor Super Simple WYSIWYG Editor on Bootstrap Summernote is a JavaScript library that helps you create WYSIWYG editors online. summernote.org 구성 - 제목 입력 태그, editor, 취소&등록 버튼 - 게시글 자체는 앱에 게시하려 하기 때문에 width 폭을 좁게 만들어 봤음 head에 추가 CSS @import "//cdn.jsdelivr.net/npm/font-applesdgothicneo@1.0/all.min.css"; .editor-contents{ height: 700px; pa.. 2021. 6. 23. [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. [Vue js 반응형 웹페이지] 페이지 전환효과(fade, slide) *router 사용 *하이브리드 앱, 네이티브 앱 만들어보면서 페이지 전환효과의 중요성을 알게됐음 그래서 필요한 페이지 전환효과를 찾아봄 목표 1. page1, page2, page3은 슬라이드 전환 2. 목표1, page4, page5는 fade 전환 모듈설치 npm install --save vue-router npm install jquery --save npm i -g npm-check-updates App.vue Slide Page New Page 1 New Page 2 page1.vue SLIDE 1 next page2.vue SLIDE 2 prev next page3.vue SLIDE 3 prev page4.vue NEW PAGE 1 page5.vue NEW PAGE 2 main.js import Vue fro.. 2021. 5. 10. 이전 1 2 3 4 다음 728x90 반응형
