Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Feat/#133] 로그인 로그아웃 라우팅 #137

Merged
merged 5 commits into from
Jan 17, 2024

Conversation

namdaeun
Copy link
Member

@namdaeun namdaeun commented Jan 17, 2024

✨ 해당 이슈 번호 ✨

closed #133

todo

  • 로그인 로그아웃 라우팅
  • 로그아웃시 리로드

📌 내가 알게 된 부분

🔴 로컬 스토리지에 토큰이 없으면 로그인 헤더 띄우고, 있으면 로그아웃 있는 헤더 띄우기 → 로컬 스토리지에 토큰이 있는지 없는지 어떻게 알지?
🟢 localStorage.getItem을 사용해서 토큰이 존재하는지 여부 확인!

{localStorage.getItem('accessToken') === null ? <UnAuthorizationHeader /> : <LogInHeader />}

📌 질문할 부분

  • location.reload()를 사용해서 리로드했는데, 이렇게되면 페이지 전체가 리로드 돼서 .. 성능 최적화를 위해 해당 컴포넌트(헤더)만 리로드 되는 방법을 아직 찾고 있습니다..! (Fix로 브랜치 다시 팠습니다)

📌스크린샷(선택)

2024-01-17.8.51.55.mov

@namdaeun namdaeun added ✨ Feature 새로운 기능 추가 (새로운 구현) 다은 labels Jan 17, 2024
@namdaeun namdaeun self-assigned this Jan 17, 2024
@github-actions github-actions bot added the size/s size/s label Jan 17, 2024
@@ -17,7 +17,7 @@ import Spacing from './../../components/commons/Spacing';
const Main = () => {
return (
<MainPageWrapper>
<MainHeader />
{localStorage.getItem('accessToken') === null ? <UnAuthorizationHeader /> : <LogInHeader />}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

[P3] LoginHeader라는 컴포넌트명은 혼동이 있을 수 있으니 AuthorizationHeader 로 변경해주실 수 있을까요?

@ljh0608 ljh0608 merged commit c5f0de1 into develop Jan 17, 2024
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
✨ Feature 새로운 기능 추가 (새로운 구현) size/s size/s 다은
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[ Feat ] 토큰 여부에 따라 로그인/로그아웃
2 participants