지도 API를 사용한 노래방 위치 검색 및 즐겨찾기 기능 추가

[GulSam00]

지도 Open API(카카오 지도 등)를 활용하여 주변 노래방 위치를 검색하고, 자주 가는 노래방을 저장할 수 있는 기능을 추가한다. 하단 네비게이션 바에 새 탭을 추가한다.

작업 체크리스트

• 카카오 지도 SDK 설치 및 환경 설정 (useKakaoMap 훅으로 스크립트 로드 + 초기화)
• 노래방 위치 검색 페이지 구현 (/map 페이지, 지도 표시 + 마커)
• 현재 위치 기반 주변 노래방 검색 기능 (반경 1km, geolocation API)
• 자주 가는 노래방 즐겨찾기 저장/삭제 (Supabase 연동, GET/POST/DELETE API)
• 즐겨찾기 목록 표시 (지도 페이지 하단 목록)
• 하단 네비게이션 바에 지도 탭 추가
• API 라우트 구현 (/api/karaoke/favorites CRUD)

남은 작업 (배포 전 수동)

• Supabase에 karaoke_favorites 테이블 생성

CREATE TABLE karaoke_favorites (
  id uuid DEFAULT gen_random_uuid() PRIMARY KEY,
  user_id uuid REFERENCES auth.users(id) ON DELETE CASCADE,
  place_id text NOT NULL,
  place_name text NOT NULL,
  address text NOT NULL,
  lat float8 NOT NULL,
  lng float8 NOT NULL,
  created_at timestamptz DEFAULT now(),
  UNIQUE(user_id, place_id)
);

• Vercel 환경변수에 NEXT_PUBLIC_KAKAO_MAP_KEY 추가 (카카오 개발자 콘솔에서 발급)
• .env.local에 NEXT_PUBLIC_KAKAO_MAP_KEY 추가 (로컬 개발용)