✨ feat: 현재 위치 기준 지도 설정 기능 구현 #5

src/api/map.ts

@@ -0,0 +1,37 @@
+import { GeoApiResponse, GeoPosition } from '@/types/api/map';
+import { apiKaKao } from '.';
+import { Dispatch, SetStateAction } from 'react';
+
+export const getGeoInfo = (
+  setCurrentPosition: Dispatch<SetStateAction<GeoPosition>>,
+): Promise<GeoApiResponse> => {
+  return new Promise((resolve, reject) => {
+    if (!navigator.geolocation) {
+      reject(new Error('Geolocation is not supported by this browser.'));
+    } else {
+      navigator.geolocation.getCurrentPosition(
+        async (position) => {
+          setCurrentPosition({
+            lat: position.coords.latitude,
+            lon: position.coords.longitude,
+          });
+          try {
+            const response = await apiKaKao.get(
+              `geo/coord2regioncode.json?x=${position.coords.longitude}&y=${position.coords.latitude}`,
+            );
+            if (response.data.documents && response.data.documents.length > 0) {
+              resolve(response.data.documents[0]);
+            } else {
+              reject(new Error('No location data found'));
+            }
+          } catch (error) {
+            reject(error);
+          }
+        },
+        (error) => {
+          reject(new Error(`Geolocation error: ${error.message}`));
+        }
+      );
+    }
+  });
+};

src/hooks/api/useKaKaoMap.tsx

@@ -0,0 +1,13 @@
+import { getGeoInfo } from '@/api/map';
+import { GeoPosition } from '@/types/api/map';
+import { useQuery } from '@tanstack/react-query';
+import { Dispatch, SetStateAction } from 'react';
+
+export function useGetGeoInfo(
+  setCurrentPosition: Dispatch<SetStateAction<GeoPosition>>,
+) {
+  return useQuery({
+    queryKey: ['event'],
+    queryFn: () => getGeoInfo(setCurrentPosition),
+  });
+}