권한분기

권한 분기란 접속한 사용자의 권한에 따라 랜더링되는 페이지를 나눠준다는 것을 의미한다

여기서 나오는 권한은 우리가 페이지에 접속하면 일반적으로 보이는 비회원 / 회원 에 더해 관리를 하는 admin계정, 회원 사이에서도 존재하는 멘토/멘티, 리더/팀원, 구매/판매자 등 다양하게 나뉜다.

이과정에서 주로 HOC와 useEffect를 사용하게 되며,

const withAuth = (Component) => (props) => {
const router = useRouter();
const { accessToken } = useContext(GlobalContext);

useEffect(() => {
if (!accessToken) router.push("/login");
}, []);

if (!accessToken) return <></>;
return <Component {...props} />;
};

export default withAuth;

위의 코드처럼 HOC를 사용해 함수 안쪽에 useEffect를 사용하여
if()의 조건에 따라 router로 이동시켜주는(랜더되는) 페이지가 달라지게 된다.