[박세은] 로그인 리팩토링 과제 제출

[se-eun-park]

🛠️ Motivation

• react-router-dom을 사용해 Protect router 로직을 구현했습니다.

🔑 Key Changes

Folder	File	Description
common	AxiosCookie	Header에 AccessToken을 보내주는 커스텀 모듈
	Cookie	쿠키 생성, 조회, 삭제 기능을 수행하는 커스텀 모듈
pages	HomePage	첫 화면 페이지의 UI
	SignupPage	회원가입 페이지의 UI
	SigninPage	로그인 페이지의 UI
	FormPage	empty
utils	PrivateRoutes	접근이 제한된 사이트들을 처리하는 커스텀 모듈
	PublicRoutes	접근이 허용된 사이트들을 처리하는 커스텀 모듈

• react-router-dom을 활용한 Formpage 접근 제한

  • 단순 조건식만을 사용해 /form 경로 진입을 막았던 코드를 보완했습니다.
    (로그인 안하고 경로에 /form 추가해 이동해도 접근 되는 문제 해결)

  • Feat: Protect Router 기능 추가

🐛버그 발생

• 유효하지 않은 accessToken을 사용해도 로그인 가능

  • 현재 로직은 token값의 유무를 확인해 권한 생성 → 변수명만 accessToken인 아무 값을 쿠키에 넣어줘도 로그인 승인

🚀 Future Implementation Plans

• 로그인 여부 권한 테스트
  • 에러 핸들링을 로직에 추가해 로그인 권한 보안성 강화

• 로그인 중이라면 → HomePage의 회원가입, 로그인 버튼 숨기기
  로그인 중이 아니라면 → HomePage의 로그아웃 버튼 숨기기

🙏🏼 To Reviewers

아직 리팩토링을 덜했....😶‍🌫️ 좀 더 해서 수정할게여...