refactor: API 엔드포인트 주소 상수로 분리 (#93)

app/(main)/log/hooks/useLogData.ts

@@ -1,10 +1,11 @@
+import { API_ENDPOINTS } from '@/constants/api'
 import { useData } from '@/hooks/useData'
 
 import { LogListResponse } from '../types'
 
 export const useLogData = () => {
     const { data, isLoading, error } = useData<LogListResponse>({
-        url: '/api/v1/driving-log?page=1&size=8',
+        url: `${API_ENDPOINTS.LOG}`,
     })
     return { logData: data, isLoading, error }
 }

constants/api.ts

@@ -1 +1,10 @@
 export const API_URL = process.env.NEXT_PUBLIC_API_URL
+
+export interface UseDataRequest {
+    url: string
+    params?: Record<string, string | number>
+}
+
+export const API_ENDPOINTS = {
+    LOG: '/api/v1/driving-log',
+} as const

hooks/useData.ts

@@ -1,14 +1,9 @@
 import { useEffect, useState } from 'react'
 
+import { UseDataRequest } from '@/constants/api'
 import { apiClient } from '@/lib/apis/client'
 
-export interface UseDataProps {
-    url: string
-    params?: Record<string, string | number>
-    path?: string
-}
-
-export const useData = <T>({ url, params, path }: UseDataProps) => {
+export const useData = <T>({ url, params }: UseDataRequest) => {
     const [data, setData] = useState<T>()
     const [isLoading, setIsLoading] = useState(true)
     const [error, setError] = useState<string | null>(null)
@@ -27,7 +22,7 @@ export const useData = <T>({ url, params, path }: UseDataProps) => {
             }
         }
         getData()
-    }, [url, params, path])
+    }, [url, params])
 
     return { data, isLoading, error }
 }