포트폴리오 만들기 (17) 썸네일형 리스트형 관리자 수정모드 firebase.google.com/docs/functions/config-env?authuser=0 환경 구성 | Firebase 경우에 따라 함수에 타사 API 키 또는 조정 가능한 설정과 같은 추가적인 구성이 필요할 수 있습니다. Cloud 함수용 Firebase SDK는 이러한 프로젝트 관련 데이터 유형을 손쉽게 저장하고 검색할 수 있 firebase.google.com firebase 데이터베이스 환경설정 // 1. 세팅해보기 cmd:>firebase functions:config:set admin.email=이메일주소@gmail.com admin.db_url=주소 // 2. 환경설정 값이 잘 저장되었는지 확인하기 cmd:> firebase functions:config:get // 3. 환경설.. firebase Cloud Functions 활용하기 firebase funtions가 무엇인가? https://firebase.google.com/docs/functions/use-cases?authuser=0 Cloud Functions로 무엇을 할 수 있나요? | Firebase 개발자는 Cloud Functions를 사용하여 Firebase 및 Google Cloud 이벤트에 액세스하고 확장 가능한 컴퓨팅 성능을 사용하여 이러한 이벤트에 대한 응답으로 코드를 실행할 수 있습니다. Firebase 앱은 고유한 firebase.google.com Functions로 사용자 저장하기 새 비공개키의 내용을 복사하여 functions/key.json 파일을 생성한 뒤 붙여넣기 한다. functions/index.js //생략 //위치를 key.json으로 잡.. 구글 로그인 해보기 sign.vue async - await 공부하기 blueshw.github.io/2018/02/27/async-await/ [javascript] async, await를 사용하여 비동기 javascript를 동기식으로 만들자 async, await 는 ES8(ECMAScript2017)의 공식 스펙(링크)으로 비교적 최근에 정의된 문법입니다. 를 사용하면 비동기 코드를 작성할 때 비교적 쉽고 명확하게 코드를 작성할 수 있습니다. 자바스크립트는 blueshw.github.io 에러 처리하기 에러처리는 왜 하는가? : 매번 비동기 작업에서 catch 써가면서 하기가 불편하므로 이것만 쓰면 catch가 되게끔 하는 것인데, vue에서는 글로벌로 그것들을 소화할 수 있다. main.js 에서 선언만 해주면 되는데 이것또한 파일(error.js)을 새로 만들어서 따로 관리할 것이다. toast 설치 : snackbar 를 편히 사용할 수 있도록 만들어 놓은 모듈이다. $yarn add vuetify-toast-snackbar vuetify.js VSnackbar, VBtn, VIcon 는 a-la-carte가 인지하지 못하므로 추가해야 한다. import Vue from 'vue' //추가로 import 해준다. import Vuetify, { VSnackbar, VBtn, VIcon } from.. 제목 수정하기 타이틀이나 세팅 등을 통째로 저장해서 읽어오고 하는 걸 만들것이다. app.vue app.vue 는 처음에 화면이 시작되는 곳이다. mdi-check mdi-numeric mdi-account-badge-alert title.vue {{ title }} mdi-grease-pencil 제목 수정 mdi-content-save mdi-close firebase realtime database 읽고 쓰기 firebase.google.com/docs/database/web/start 자바스크립트에서 설치 및 설정 | Firebase 실시간 데이터베이스 Firebase 실시간 데이터베이스는 클라우드 호스팅 데이터베이스입니다. 데이터는 JSON으로 저장되며 연결된 모든 클라이언트에 실시간으로 동기화됩니다. Android, iOS 및 자바스크립트 SDK로 교차 플� firebase.google.com 프론트에 파이어베이스 설치하기 -자바스크립트 sdk를 사용하기위해서 설치한다. cmd 창에 아래의 명령어를 입력해 설치한다. C:\ionic\TestPp\test> yarn add firebase 플러그인 만들기 main.js에서 firebase를 쓴다고 선언해야하는데 다 쓰게되면 복잡해지므로 plugins 폴더에.. 하위메뉴 만들기 https://vuetifyjs.com/ko/components/lists/ List component — Vuetify.js The list component is a continous group of text, images and icons that may contain primary or supplemental actions. vuetifyjs.com v-model Vue에서 양방향 바인딩을 가능하게 한다. 단방향 바인딩은 데이터를 화면에 출력 양방향 바인딩은 화면에서 입력을 받아 데이터로 다시 전달하는 과정이 추가되어 양쪽 방향 모두 바인딩 되는 것을 의미 prepend-icon : 아이콘을 표시함. v-slot:activator : activator라는 슬롯에 v-content 부터 넣어준다는 .. vuetify 활용하기2 (component 활용하기) -title, footer, menu 페이지를 따로 생성해 component 로 관리한다. 1. site 폴더 생성후 그 아래에 title, footer, menu.vue 페이지를 따로 생성한다. -title.vue {{ title }} -footer.vue © {{ new Date().getFullYear() + ' ' + footer }} -menu.vue {{ item.title }} 2. App.vue 의 내용을 수정한다. ... Application ... ... 이전 1 2 3 다음
