react로 프론트 구현하고 있는데 로그인 여부에 따른 화면이 다를 때 백엔드에서 로그인 기능을 구현하지 않았어도 다른 화면을 보여주는 것을 구현할 수 있나요?

실제 로그인에 쓸 api가 구현되지 않았다면 로컬 테스트용으로 임시 로그인 함수를 구현하고 그에 따라 ui가 변경되도록 만드시면 될 거 같습니다. 이를테면, 아래 코드와 같은 느낌으로 작성할 수 있습니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
cosnt SignInPage = ()=> {
  const [hasAuth, setHasAuth] = useState(false)

  const handleSignInClick = () => {
    setHasAuth(true)
 }

 if (hasAuth) {
    return <AuthPage />
}

  return <NoAuthPage />
}