로그인시 접근 가능한 라우팅 구현(react guard route)
로그인이 되있어야 페이지에 접근이 가능하도록 라우팅을 하고 싶었다. 처음에 해본 시도 // App.tsx }> {/* 홈 */} } />// LoginIsRoute.tsxconst LoginIsRoute = () => { const navigate = useNavigate(); useEffect(() => { if (isLogin) { navigate('/auth'); } }, [isLogin, navigate]); return ( …. 코드 생략 );} 따로 커밋을 해두지 않아서 정확한 코드는 기억이 안나지만한번 마운트후에 로그인이 되어있지 않으면 로그인하는 페이지로 리다이렉트 되도록 했다. 🚨 하지만 문제점 발생.이..
2024.06.18