vue
-
0 1071 vue pwa vue-cli 3 을 이용하여 빠르게 PWA( 웹앱 )생성 및 https 로 파이어 베이스 호스팅 배포 하기 ★
PWA의 필수 항목 3가지 아래 3가지를 충족해야 PWA가 될 수 있다. 1. 웹 앱 매니페스트 (Web App Manifest) =>직접 작성2. 서비스 워커 (Service Worker…
-
0 1070 Bootstrap-Vue로 게시판 만들기
yarn 으로 시작하기 1. yarn 설치https://pakss328.medium.com/yarn이란-b4e8edf1638b 2. yarn global add @vue/cli-init 3. vue init webpack bootstrap-bbs$ vue init…
-
0 1004 Vue.js 시작하기
1. vue cli 설치$ npm uninstall -g vue-cli$ npm install -g @vue/cli 2. vue 프로젝트 설치$ vue create testVue CLI v4.5.11Please pick a preset: Default ([Vue 2] babel, eslint)…
-
1 985 vue pwa 카메라 사진 갤러리 앱 만들기- 2 ★
소스 :https://github.com/braverokmc79/pwa-ex-11 기본적으로 nodejs 설치 및 vue 와 Vue CLI 설치 되어 있어야 …
-
0 963 Vue 로 게시판 만들기
yarn 으로 시작하기 1. yarn 설치https://pakss328.medium.com/yarn이란-b4e8edf1638b 2. yarn global add @vue/cli-init 3. vue init webpack vue-board 12345678…
-
0 920 Vue Todo 앱 만들기 - 1 ★ vue 파이어 베이스 실시간 데이터 베이스 3분안에 연동해서 메시지 보내기, Todo 앱 만들기 CRUD
vue 프로젝트 초기 생성 방법은다음을 참조 : https://macaronics.net/m04/vue/view/2048 소스 :https://github.com/braverokmc79/vue-todo &…
-
0 850 vue vuetify 페이징 처리 , 정렬처리, 검색처리 DB firebase
vuetifyjs 테이블 페이징 https://vuetifyjs.com/en/components/data-tables/#external-sorting모던웹(NEMV) 혼자 제작 하기 3기 - 72 게시판 페이징과 정렬 처리하…
-
0 825 vue pwa 사진 갤러리 앱 만들기- 1 ★
기본적으로 nodejs 설치 및 vue 와 Vue CLI 설치 되어 있어야 한다.nodejs 설치https://nodejs.org/ko/download/ nodejs 설치 후vue …
-
0 808 Vue Pwa 구글 로그인 서비스 만들기- 3 ★
소스 :https://github.com/braverokmc79/pwa-ex12-test 실행1) npm install2) npm run build3) serve dist 결과물 파이어…
-
0 718 Vue firebase 와 네비게이션 가드 navigation guard
firebase.js Vue.prototype.$isFirebaseAuth = false; onAuthStateChanged(auth, (user) => { if (user) { Vue.prototype.$isFirebaseAuth = true; console.log(&…
-
12 Vue.js 시작하기
1. vue cli 설치$ npm uninstall -g vue-cli$ npm install -g @vue/cli 2. vue 프로젝트 설치$ vue create testVue CLI v4.5.11Please pick a preset: Default ([Vue 2] babel, eslint)…
-
6 Bootstrap-Vue로 게시판 만들기
yarn 으로 시작하기 1. yarn 설치https://pakss328.medium.com/yarn이란-b4e8edf1638b 2. yarn global add @vue/cli-init 3. vue init webpack bootstrap-bbs$ vue init…
-
5 Vue.js 믹스인(mixins) 생성 , axios , 페이지 머문시간 기록
npm install --save axios믹스 1) api.js1234567891011121314import axios from "axios";export default { methods: { a…
-
5 Vue Pwa 구글 로그인 서비스 만들기- 3 ★
소스 :https://github.com/braverokmc79/pwa-ex12-test 실행1) npm install2) npm run build3) serve dist 결과물 파이어…
-
5 ★vue vuetify firebase 회원가입 및 로그인
fibase 문서 참조1) https://firebase.google.com/docs/auth/web/password-auth?hl=ko2) https://firebase.google.com/docs/auth/web/google-signin?hl=ko3) 백엔드 서버 nodejs functions 으…
-
5 Vue.js 이용전 자바스크립트 shadow Dom 활용법
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc…
-
4 Vue.js 컴포넌트
<template> <div> <h1>Hello, {{title}}</h1> <div> {{htmlString}} </div> <div v-html="…
-
4 vue pwa vue-cli 3 을 이용하여 빠르게 PWA( 웹앱 )생성 및 https 로 파이어 베이스 호스팅 배포 하기 ★
PWA의 필수 항목 3가지 아래 3가지를 충족해야 PWA가 될 수 있다. 1. 웹 앱 매니페스트 (Web App Manifest) =>직접 작성2. 서비스 워커 (Service Worker…
-
4 Vue.js 컴포지션 API 로 공통 부분 스크립트 처리
common.js// 컴포지션 API의 reactive를 통해 생성할 수 있으며 오직 객체만 받습니다. // reactive는 인자로 받은 객체와 완전히 동일한 프록시 객체…
-
4 Vue.js 카카오, 네이버 , 구글 로그인 처리
public/index.html<!DOCTYPE html> <html lang=""> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont…
-
Vue 3 강의 - 스프링부트 REST API를 이용하여 쇼핑몰 만들기
모두 재생Vue 3 강의아프리카도서관 3:08:44지금 재생 중Vue 3 강의 - 스프링부트 REST API를 이용하여 쇼핑몰 만들기(JPA, MariaDB, JWT)아프리카…
-
Vue PWA 푸시 알림 서비스 구현 - 웹 푸시 알림(Web Push Notification) - 5 ★
출처: https://product.kyobobook.co.kr/detail/S000001817978 소스https://github.com/codedesign-webapp https://github.com/codedesign-webapp/pw…
-
Vue pwa 코로도바로 하이브리드 앱 만들기 - 4★
요약https://github.com/m0dch3n/vue-cli-plugin-cordova Create Vue App$ npm install -g @vue/cli $ vue create my-app $ cd my-app $ npm install -g cordova # If cordova is not already…
-
Vue Pwa 구글 로그인 서비스 만들기- 3 ★
소스 :https://github.com/braverokmc79/pwa-ex12-test 실행1) npm install2) npm run build3) serve dist 결과물 파이어…
-
vue pwa 카메라 사진 갤러리 앱 만들기- 2 ★
소스 :https://github.com/braverokmc79/pwa-ex-11 기본적으로 nodejs 설치 및 vue 와 Vue CLI 설치 되어 있어야 …
-
vue pwa 사진 갤러리 앱 만들기- 1 ★
기본적으로 nodejs 설치 및 vue 와 Vue CLI 설치 되어 있어야 한다.nodejs 설치https://nodejs.org/ko/download/ nodejs 설치 후vue …
-
Vue Todo 앱 만들기 - 1 ★ vue 파이어 베이스 실시간 데이터 베이스 3분안에 연동해서 메시지 보내기, Todo 앱 만들기 CRUD
vue 프로젝트 초기 생성 방법은다음을 참조 : https://macaronics.net/m04/vue/view/2048 소스 :https://github.com/braverokmc79/vue-todo &…
-
vue pwa vue-cli 3 을 이용하여 빠르게 PWA( 웹앱 )생성 및 https 로 파이어 베이스 호스팅 배포 하기 ★
PWA의 필수 항목 3가지 아래 3가지를 충족해야 PWA가 될 수 있다. 1. 웹 앱 매니페스트 (Web App Manifest) =>직접 작성2. 서비스 워커 (Service Worker…
-
vue his[kHandle] = new _Hash(algorithm, xofLen) 오류시
다음과 같은 오류시 ERR_OSSL_EVP_UNSUPPORTE nodejs 버전 문제 ode:internal/crypto/hash:71 this[kHandle] = new _Hash(algorithm, xofLen); …
-
vue vuetify - 선택 메뉴가 있는 바닥 내비게이션 만들기 , 사용자 정보가 담기 탐색 서랍 만들기, 라우터로 멀티 페이지 관리하는 SPA 만들기 ,Vuex 로 상태값 관리하는 SPA 만들기
1. 선택 메뉴가 있는 바닥 내비게이션 만들기 <!DOCTYPE html> <html> <head> <meta name="viewport" content="w…
