Feat: CafeMarker 클릭시 해당위치 포커스

src/components/Home/Marker/CafeMarker/index.tsx

@@ -2,16 +2,19 @@ import { Marker, useNavermaps } from 'react-naver-maps';
 import CafeMarkerImg from '@/assets/Markers/CafeMarker.png';
 import LikedCafeMarkerImg from '@/assets/Markers/LikedCafeMarker.png';
 import { Cafe } from '@/interfaces/cafeInfo';
-import { useRecoilCallback } from 'recoil';
+import { useRecoilCallback, useSetRecoilState } from 'recoil';
 import { currentModalState } from '@/atoms/modalState';
+import { mapCenterState } from '@/atoms/location';
 
 export default function CafeMarker({ data }: { data: Cafe }) {
  const navermaps = useNavermaps();
+ const setMapCenterLocation = useSetRecoilState(mapCenterState)
 
  const markerImage = data.liked ? LikedCafeMarkerImg : CafeMarkerImg;
 
  const handleMarkerClick = useRecoilCallback(({ set }) => () => {
  set(currentModalState, data.id);
+ setMapCenterLocation({ latitude: data.latitude, longitude: data.longitude });
  }, []);
 
  return (