[S03P31A503-247] refactoring/firebase : Refactor firebase warning

scl2589 · Nov 26, 2020 · 7dfd9a3 · 7dfd9a3
1 parent 24c2657
commit 7dfd9a3
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -14,7 +14,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
     <!-- Font Awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css"/>
-    <!-- Jua체 -->
+    <!-- Google fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Jua&display=swap" rel="stylesheet">
     <link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Nanum+Gothic&family=Song+Myung&display=swap" rel="stylesheet">
 
@@ -24,6 +24,7 @@
       * {
         font-family: 'Jua', sans-serif;
       }
+
       .btn-yellow {
         color: black !important;
         background-color: #ECFF1E;

diff --git a/frontend/src/components/meetingpage/multipanel/SnapShotPanel.vue b/frontend/src/components/meetingpage/multipanel/SnapShotPanel.vue
@@ -62,8 +62,11 @@
 <script>
 import { mapState, mapGetters, mapActions } from 'vuex'
 import html2canvas from 'html2canvas'
-import firebase from 'firebase'
 import moment from 'moment';
+// Firebase
+import firebase from 'firebase/app';
+import 'firebase/database';
+import 'firebase/storage';
 
 export default {
   name: 'SnapShotPanel',

diff --git a/frontend/src/main.js b/frontend/src/main.js
@@ -35,7 +35,9 @@ Vue.use(VCalendar, {
 window.Kakao.init(secrets['KAKAO']['CLIENT_ID']);
 
 // Firebase
-import firebase from 'firebase'
+import firebase from 'firebase/app';
+import 'firebase/database';
+import 'firebase/storage'; 
 var firebaseConfig = {
   apiKey: secrets['FIREBASE']['SECRET_KEY'],
   authDomain: "homesuli.firebaseapp.com",
@@ -48,7 +50,6 @@ var firebaseConfig = {
 };
 // Initialize Firebase
 firebase.initializeApp(firebaseConfig);
-firebase.analytics();
 
 Vue.config.productionTip = false
 

diff --git a/frontend/src/store/modules/meetingStore.js b/frontend/src/store/modules/meetingStore.js
@@ -4,8 +4,11 @@ import axios from 'axios';
 import cookies from 'vue-cookies';
 import { OpenVidu } from 'openvidu-browser';
 import moment from 'moment';
-import Swal from 'sweetalert2'
-import firebase from 'firebase'
+import Swal from 'sweetalert2';
+// Firebase
+import firebase from 'firebase/app';
+import 'firebase/database';
+import 'firebase/storage';
 
 const ToastEnter = Swal.mixin({
   toast: true,