[FEAT] 유저 이탈 시 백엔드에 로그 보내기

src/Logger.ts

@@ -1,4 +1,4 @@
-import { SetLocalStorage } from './SetLocalStorage';
+import { SetLocalStorage, SetLocalStorageClear } from './SetLocalStorage';
 import { LogPayloadParams, ServiceNameType } from './types/LogType';
 import CryptoJS from 'crypto-js';
 
@@ -89,3 +89,12 @@ export const Logger = ({ userId, serviceName, name, message, path, tags }: LogPa
     },
   };
 };
+window.addEventListener('beforeunload', async (event) => {
+  // 명세에 따라 preventDefault는 호출해야하며, 기본 동작을 방지합니다.
+  event.preventDefault();
+  console.log('이탈감지');
+  const logList: any[] = JSON.parse(localStorage.getItem('yls-web') as string) || [];
+  console.log(logList);
+  // const res = await postLog();
+  SetLocalStorageClear();
+});

src/SetLocalStorage.ts

@@ -1,7 +1,7 @@
 import { postLog } from './apis/postLog';
 import { LogType } from './types/LogType';
 
-const SetLocalStorageClear = () => {
+export const SetLocalStorageClear = () => {
   const list: any[] = [];
   localStorage.setItem('yls-web', JSON.stringify(list));
 };