feat : fcm 설정

public/firebase-messaging-sw.js

@@ -0,0 +1,14 @@
+importScripts("https://www.gstatic.com/firebasejs/8.7.1/firebase-app.js");
+importScripts("https://www.gstatic.com/firebasejs/8.7.1/firebase-messaging.js");
+
+firebase.initializeApp({
+  apiKey: "AIzaSyBodJm9QErZvWuaOdM6Af1H82LA-8ZcmhE",
+  authDomain: "fcm-test-51b74.firebaseapp.com",
+  projectId: "fcm-test-51b74",
+  storageBucket: "fcm-test-51b74.firebasestorage.app",
+  messagingSenderId: "10805910843",
+  appId: "1:10805910843:web:e88131c7c1ef503822eb1e",
+  measurementId: "G-FXC5BWDC6G",
+});
+
+const messaging = firebase.messaging();

src/App.tsx

@@ -3,10 +3,11 @@ import { RouterProvider } from 'react-router-dom';
 import { router } from '@/router';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
+import { usePushNotification } from './hooks/usePushNotification ';
 
 export const App = () => {
     const queryClient = new QueryClient();
-
+    usePushNotification();
     return (
         <QueryClientProvider client={queryClient}>
             <ToastContainer />