Vue.js10 Vue Router를 이용한 네비게이션 가드 설정 라우터가 실행되기전에 beforeEach 네비게이션 가드 실행 실행순서 beforeEach -> beforeEnter -> afterEach 출처 : https://router.vuejs.org/kr/guide/advanced/navigation-guards.html 2019. 11. 10. Vuex 설치하기 https://coupa.ng/blPLPH 씽크웨이 웨이코스 토체프 D&T 콜라보 체리 키보드 다크그레이 COUPANG www.coupang.com “파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음" * 참고 : https://vuex.vuejs.org/kr 2019. 11. 6. vue-toasted 사용하기 편리한 toast 다운로드 1. yarn add vue-toasted https://www.npmjs.com/package/vue-toasted vue-toasted Responsive Touch Compatible Toast plugin for VueJS 2+ www.npmjs.com vue-toasted.js 에 등록된 error를 호출하는 방법 this.$toasted.global.error() 2. main.js에서 vue-toasted.js 와 error.js import한다. 이와 같이 설정하면 에러가 발생하면 toast로 화면에 생성된다. 2019. 11. 3. Firebase Fuctions 이용하기 Firebase Fuctions 를 이용한 서버리스 백엔드 구성하기 1. init firebase functions // functions 설치 2. cd .\functions\ 3. yarn 위의 동작들을 실행하면 아래와 같이 functions 폴더에 index.js 생성된다. 또한 npm(functions) 가 생기는데 deploy - funcitons 는 실제 어느 주소로 api가 생성되고 (운영할때) serve - functions를 구동하면 로컬 api가 생성된다. (개발때) functions들을 실행하면 https://us-central1-woodo-vue.cloudfunctions.net/helloWorld와 같은 URL이 생성되는데 접속하면 hello world가 출력되는걸 확인할 수 있음 2019. 10. 28. 이전 1 2 3 다음