[FE] 로그인하지 않은 상태에서 페이지에 접근할 때 처리(#551)

[github-actions]

📓 스토리북 링크

바로가기

📌 관련 이슈

• closed : [FE] 로그인하지 않은 상태에서 페이지에 접근할 때 처리 #551

✨ PR 세부 내용

• private 라우터와 public 라우터를 나누어서 private 일 때는 다른 화면을 보여주게 하였습니다.
  

• 로그인 글자 보이게 하였습니다. 문구가 바에 가려지는 게 아쉽다는 피드백이 있었습니다. 이 디자인 어떤가욤??
  

• 이전으로 갔을 때 callback 페이지로 넘어가면 로그인을 다시 하게 되어 오류가 생겼었습니다. 아래 코드를 추가하여 브라우저의 history stack에서 현재 페이지를 덮어쓰고, 새로운 페이지로 이동한 후에 뒤로 가기를 눌렀을 때 현재 페이지로 돌아올 수 없도록 하였습니다.

CallbackPage.tsx

const timer = setTimeout(() => {
  navigate("/", { replace: true });
}, 2000);

[pp449]

로그아웃 상태로 로그인 권한이 필요한 페이지에 접근했을 때 캐릭터 보여주는거 귀엽네요 ㅎㅎ

해당 페이지에 뒤로가기나 홈으로 가기 버튼을 만들어주는건 어떤가요?
그 외에 추가적으로 유저가 존재하지 않는 페이지에 접근했을 때 페이지 처리도 같이 하는건 어떨까요??

[00kang]

로그인 상태에 따라 보여주는 거 좋은 것 같네용
다르 의견처럼 존재하지 않는 페이지 접근도 다른 이슈에서 처리해주면 좋을 것 같아요~~

[00kang]

홈화면 바로가기 버튼 굳

[pp449]

유저가 존재하지 않는 페이지에 접근했을 때 페이지 처리도 같이 하는건 어떨까요??

요거는 제가 처리했네요 ㅎㅎ