게스트가 마이페이지도 못 열던 문제 — 탭별 접근 정책 한 곳에서 정의하기 — POP-SPOT v2.8

// v2.8 — app/page.tsx 최상단. 권한 결정의 단일 진실 원천
const MEMBER_ONLY = ['course', 'music', 'mate'] as const;
// 위: 회원만 접근 가능한 탭 이름 목록. 그 외 (map, mypage, passport) 은 게스트도 OK
//      'as const' — readonly ['course', 'music', 'mate'] 타입으로 고정. 타입 검사가 더 엄격

function canAccess(tab: string, user: User | null, guest: GuestState) {
  // 위: 권한 판단 함수. 세 곳 (탭클릭/storage/URL) 에서 공통으로 호출
  if (user) return true;
  // 위: 로그인한 사용자는 아무 탭이나 접근 가능

  if ((MEMBER_ONLY as readonly string[]).includes(tab)) {
    //              ^^^^^^^^^^^^^^^^^^^^^               TS 가 readonly tuple 을 string[] 로 볼 수 있도록 넓힘
    //                                    ^^^^^^^^^^^^   실행 시에는 단순 배열 포함 검사
    return { ok: false, reason: guest.active ? 'memberOnly' : 'needLogin' };
    //                  ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^   메시지가 달라지는 이유
    //                  memberOnly: 게스트 사용자 → "회원 전용 기능"
    //                  needLogin:  비로그인 → "로그인 필요"
  }
  return guest.active ? true : { ok: false, reason: 'needLogin' };
  // 위: 회원 전용은 아닌 탭 (map 등) — 게스트 활성이면 허용, 아니면 로그인 요구
}

// v2.8 — 호출 지점 1: 탭 클릭 이벤트
const handleTabClick = (tab: string) => {
  const r = canAccess(tab, user, guest);
  if (r === true) setTab(tab);
  // 위: 허가되면 탭 전환
  else notify.error(r.reason === 'memberOnly'
      ? '회원 전용 기능이에요' : '로그인 필요');
  // 위: 거부 이유에 따라 메시지 구분·표시. r 은 이제 { ok:false, reason } 구조
};

// v2.8 — 호출 지점 2: 이전 방문 세션의 탭 복원
useEffect(() => {
  const saved = sessionStorage.getItem('tab');
  // 위: 이전에 마지막에 보고 있던 탭 이름 (세션 유지)
  if (saved && canAccess(saved, user, guest) === true) setTab(saved);
  else setTab('map');
  // 위: 복원하려는 탭에 권한이 있으면 설정, 없으면 기본 'map' 탭으로 대체
  //      v2.7 에서는 권한 검사 없이 복원해서 게스트가 course 탭으로 잠입되는 우회로가 될 수 있었음
}, []);

// v2.8 — 호출 지점 3: URL 의 ?tab=music 으로 직접 진입
useEffect(() => {
  const fromUrl = searchParams.get('tab');
  // 위: useSearchParams 훅에서 쿼리 읽기
  if (fromUrl && canAccess(fromUrl, user, guest) !== true) {
    router.replace('/');
    // 위: 권한 없는 URL 은 루트로 교체. replace 는 히스토리 남기지 않음 (뒤로가기로 돌아올 수 없음)
  }
}, [searchParams]);
// 세 지점 모두 동일한 canAccess() 를 호출 — 규칙 변경 시 한 곳만 차례 고치면 됨