Merge pull request #98 from WithTime12/develop

[Deploy] 배포

Author: yeonjin719

eslint.config.mjs

@@ -10,7 +10,7 @@ import tsConfig from './eslint/typescript.mjs';
 
 export default [
     {
-        ignores: ['src/vite-env.d.ts'],
+        ignores: ['src/vite-env.d.ts', 'public/firebase-messaging-sw.js'],
     },
     {
         files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'],

package.json

@@ -22,6 +22,7 @@
         "chart.js": "^4.5.0",
         "chartjs-plugin-datalabels": "^2.2.0",
         "clsx": "^2.1.1",
+        "firebase": "^12.0.0",
         "lodash": "^4.17.21",
         "lodash.throttle": "^4.1.1",
         "path": "^0.12.7",
@@ -30,7 +31,9 @@
         "react-chartjs-2": "^5.3.0",
         "react-dom": "^19.1.0",
         "react-hook-form": "^7.60.0",
+        "react-intersection-observer": "^9.16.0",
         "react-router-dom": "^7.6.0",
+        "react-spinners": "^0.17.0",
         "sonner": "^2.0.3",
         "tailwindcss": "^4.1.7",
         "wordcloud": "^1.2.3",

public/firebase-messaging-sw.js

@@ -0,0 +1,42 @@
+/// <reference lib="webworker" />
+/* eslint-env serviceworker */
+/* global firebase importScripts clients */
+importScripts('https://www.gstatic.com/firebasejs/10.13.2/firebase-app-compat.js');
+importScripts('https://www.gstatic.com/firebasejs/10.13.2/firebase-messaging-compat.js');
+
+firebase.initializeApp({
+    apiKey: 'AIzaSyAjZqK2lhCOeX_P2Sf-_2IGEFlORchcO5w',
+    authDomain: 'withtime-ff471.firebaseapp.com',
+    projectId: 'withtime-ff471',
+    storageBucket: 'withtime-ff471.firebasestorage.app',
+    messagingSenderId: '47995224236',
+    appId: '1:47995224236:web:85371605ce4a6659529f09',
+    measurementId: 'G-5E8Q23LL4H',
+});
+
+const messaging = firebase.messaging();
+
+self.addEventListener('push', function (event) {
+    try {
+        const payload = event.data.json();
+        const title = payload.notification.title;
+
+        const options = {
+            body: payload.notification.body,
+            icon: payload.notification.icon,
+            data: payload.notification.click_action,
+        };
+
+        event.waitUntil(self.registration.showNotification(title, options));
+    } catch (error) {
+        console.error('Push event error:', error);
+    }
+});
+
+self.addEventListener('notificationclick', function (event) {
+    console.log(event.notification);
+
+    event.notification.close();
+
+    event.waitUntil(clients.openWindow(event.notification.data).catch((error) => console.error('Failed to open window:', error)));
+});

src/App.css

@@ -0,0 +1,10 @@
+@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');
+
+html, body, button, input, select, textarea {
+  font-family: 'Pretendard',
+    -apple-system, BlinkMacSystemFont, system-ui,
+    'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic',
+    'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    sans-serif;
+}

src/api/alarm/alarm.ts

@@ -0,0 +1,18 @@
+import type { TRequestGetAlarm, TRequestPostDeviceToken, TResponseGetAlarm, TResponsePostDeviceToken } from '@/types/alarm/alarm';
+
+import { axiosInstance } from '@/api/axiosInstance';
+
+export const getAlarm = async ({ size = 5, cursor }: TRequestGetAlarm): Promise<TResponseGetAlarm> => {
+    const { data } = await axiosInstance.get('/api/v1/alarms', {
+        params: {
+            size,
+            cursor,
+        },
+    });
+    return data;
+};
+
+export const postDeviceToken = async ({ deviceToken }: TRequestPostDeviceToken): Promise<TResponsePostDeviceToken> => {
+    const { data } = await axiosInstance.post('/api/v1/alarms/device-tokens', { deviceToken });
+    return data;
+};

src/api/auth/auth.ts

@@ -13,7 +13,7 @@ import type {
     TSocialLoginValues,
 } from '@/types/auth/auth';
 
-import { axiosInstance } from '../axiosInstance';
+import { axiosInstance } from '@/api/axiosInstance';
 
 export const defaultSignup = async ({ email, password, username, gender, phoneNumber, birth, socialId }: TSignupValues): Promise<TSignupResponse> => {
     const { data } = await axiosInstance.post('/api/v1/auth/sign-up', { email, password, socialId, username, gender, phoneNumber, birth });

src/api/course/course.ts

@@ -1,6 +1,6 @@
 import type { TSearchRegionResponse, TSearchRegionValues } from '@/types/dateCourse/dateCourse';
 
-import { axiosInstance } from '../axiosInstance';
+import { axiosInstance } from '@/api/axiosInstance';
 
 export const searchRegion = async ({ keyword }: TSearchRegionValues): Promise<TSearchRegionResponse> => {
     const { data } = await axiosInstance.get('/api/v1/regions/search', {

src/api/home/dateCourse.ts

@@ -0,0 +1,8 @@
+import type { TDateCourseSavedCountResponse } from '@/types/home/dateCourse';
+
+import { axiosInstance } from '@/api/axiosInstance';
+
+export const getDateCourseSavedCount = async (): Promise<TDateCourseSavedCountResponse> => {
+    const { data } = await axiosInstance.get('/api/v1/logs/datecourses/saved-count');
+    return data;
+};

src/api/home/dateTimes.ts

@@ -0,0 +1,14 @@
+import type { TGetDateTimeStates, TMonthlyDatePlaceResponse } from '../../types/home/datePlace';
+
+import { axiosInstance } from '@/api/axiosInstance';
+
+// 월별 데이트 장소 수 조회 API
+export const getMonthlyDatePlaceStates = async (): Promise<TMonthlyDatePlaceResponse> => {
+    const { data } = await axiosInstance.get('/api/v1/logs/dateplaces/monthly');
+    return data;
+};
+
+export const getDateTimeStates = async (): Promise<TGetDateTimeStates> => {
+    const { data } = await axiosInstance.get('/api/v1/logs/datecourses/average');
+    return data;
+};

src/api/home/keyword.ts

@@ -0,0 +1,9 @@
+import type { TWeeklyKeywordResponse } from '@/types/home/keyword';
+
+import { axiosInstance } from '@/api/axiosInstance';
+
+// 이번 주 인기 키워드 조회 API
+export const getWeeklyKeywords = async (): Promise<TWeeklyKeywordResponse> => {
+    const { data } = await axiosInstance.get('/api/v1/logs/keyword/weekly');
+    return data;
+};