권한분기

• 로그인을 한 이후에는 이에 따른 권한 분기가 이루어진다.
• 작게는 로그인을 한 사람과 로그인을 하지 않은 사람을 나눌 수 있으며, 크게 등급을 매긴다면 운영자로 로그인을 한 사람, 판매자로 로그인을 한 사람, 거래처 사장님으로 로그인한 사람 등 다양하게 권한을 분리할 수 있다.
• useEffect를 이용하여 렌더됐을 때 accessToken이 없으면 로그인할 수 있는 페이지로 이동시켜 권한을 구분한다.

import { useRouter } from "next/router";
import { useEffect } from "react";

export default function LoginSuccessPage() {
  const router = useRouter();

  useEffect(() => {
    if (!localStorage.getItem("accessToken")) {
      alert("로그인 후 이용 가능합니다");
      void router.push("/login");
    }
  }, []);

  return <></>;
}